<html>
<head>
<meta charset="UTF-8">
<title>Searching name in Angularjs</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.0/angular.min.js"></script>
</head>
<body ng-app="mainApp" ng-controller="FilterController">
<div ng-controller="FilterController">
<div>
Enter the Search Keyword:
<input type="text" name="searchname" ng-model="searchname">
<div ng-hide="users"></div>
<table>
<tr ng-repeat="a in users | filter : searchname" ng-show="searchname">
<td>{{a.name}}</td>
</tr>
</table>
</div>
</div>
<script>
var mainApp = angular.module("mainApp", []);
mainApp.controller("FilterController", function ($scope) {
$scope.users = [
{
name: "Health",
},
{
name: "Omicron",
},
{
name: "Flim",
},
{
name: "Education",
}, {
name: "Sports",
}, {
name: "Bollywood",
}, {
name: "Politics",
}];
});
</script>
</body>
</html>
0 Comments