JSFiddle - React, Tailwind, and code Playground

by awolf2904

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.4/angular.js"></script>
<div ng-app="demoApp" ng-controller="mainController">
    <input ng-model="search" placeholder="enter search string"></input>
<div ng-repeat="(letter, group) in peoples">
    <strong ng-if="filtered.length > 0">{{letter}}</strong>
    <div ng-repeat="people in filtered = (group | filter: search)">{{people}}</div>
    <br ng-if="filtered.length > 0"/>
</div>
</div>

JavaScript

angular.module('demoApp', [])
.controller('mainController', function($scope) {
    $scope.peoples = {
        A: ['Arnold', 'Avery', 'Adam', 'Alex'],
        B: ['Bob', 'Boris'],
        C: ['Chris', 'Connor', 'Caleb']
    };
    
});