JSFiddle - React, Tailwind, and code Playground

by Bharat Sewani

HTML

<div ng-controller="MainCtrl">
{{mentors.length}}
<input type="text" ng-model="searchText">
    <ul>
        <li ng-repeat="mentor in mentors | search: searchText">{{mentor}}</li>
    </ul>
</div>

JavaScript

var app = angular.module('myApp', []);

function MainCtrl( $scope ) {
    $scope.mentors = [ 'Jonathan', 'Nathan', 'Chris', 'Brian', 'Timothy' ];
}

app.filter('search', function($filter) {
    return function(records, searchText) {
        return $filter('filter')(records, searchText);
    };
});