<html>
<head>
<title>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="myctrl">
<div ng-controller="myctrl">
<div>
Enter the character:
<input type="text" name="sname" ng-model="sname">
<div ng-hide="users"></div>
<table>
<tr ng-repeat="a in users | filter : sname"ng-show="sname">
<td>{{a.name}}</td>
</tr>
</table>
</div>
</div>
<script>
var mainApp = angular.module("mainApp", []);
mainApp.controller("myctrl", function ($scope) {
$scope.users = [{
name: "Rushikesh Jadhav",
}, {
name: "Avishkar Tapkir",
},{
name: "Guarav Tambe",
}, {
name: "Durendra Tambe",
}, {
name: "Piyush Patil",
}];
});
</script>
</body>
</html>
0 Comments