JSFiddle - React, Tailwind, and code Playground

by Yang Tyler

HTML

<script src="https://code.angularjs.org/1.2.26/angular.js"></script>
<div class="main-ctner" ng-app="MyApp">
    <div ng-controller="MainController">
        <input type="text" ng-model="searchText.profile.name" />
        <ul>
            <li  ng-repeat="data in profiles|filter:searchText" >{{data.profile.name}}</li>
        </ul>
    </div>
</div>

JavaScript

var myApp = angular.module('MyApp', []);
myApp.controller('MainController', function($scope){
    $scope.profiles = [
        {profile: {name: "Someone"}},
        {profile: {name: "Luky"}},
        {profile: {name: "John"}},
        {profile: {name: "Mary"}},
        {profile: {name: "Howard"}},
        {profile: {name: "Sheldon"}}
    ];
    $scope.searchText = { profile: {name:""}}; //Should be the same data structure with your search target.
    
});