JSFiddle - React, Tailwind, and code Playground

Angular: Filter down list

by Andrew Pougher

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div ng-controller="MyCtrl">

    <input  class="txt" type="text" ng-model="nameText" /> 
<div>
 <ul class="list-inline">
  <li ng-repeat="myKeys in tags| filter:nameText" class="btn-xs  bg-danger">{{myKeys}}</li>
 </ul>
<div ng-show="!(tags| filter:nameText).length">No Tag Found</div>
</div>
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
myApp.controller('MyCtrl', function($scope){

   
    $scope.tags = ['Molar','Scurette','Mirror','Filling','implant'];
})