Monday, 1 September 2014

AngularJS FILTER for list element

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
       pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="Script/angular.min.js"></script>
<script>
</script>
<title>AngularJS Demo</title>
</head>
<body ng-app>
       <h2>I Know</h2>
       <div ng-init="prgLanguange=['JAVA','VB','C#','C','C++']">
              Search <input type="text" ng-model="searchText">
              <ul>
                     <li ng-repeat="language in prgLanguange | filter:searchText">{{language}}</li>
              </ul>
       </div>
</body>

</html>

_________________________________________________________________

Filter : Filter will use with search text 

_________________________________________________________________

output



No comments:

Post a Comment