AngularJS过滤器函数搜索功能代码

官网通编辑 • • SEO技术 • 249 阅读

gooood个人博客网站

angular

AngularJS过滤器函数搜索功能代码

实例1 html代码：
<body ng-app="AngularfilterApp"> <div ng-controller="filterctrl"> Enter Name to Filter:<input ng-model="searchtxt" type="text" placeholder="Flter key"> <table> <tr> <th>Name</th> <th>Age</th> </tr> <tr ng-repeat="user in users | filter : searchtxt"> <td>{{user.name}}</td> <td>{{user.age}}</td> </tr> </table> </div> </body> 实例2 html代码：
<body ng-app="AngularfilterApp"> <div ng-controller="filterctrl"> Only Name to Filter:<input ng-model="searchtxt.name" type="text" placeholder="Enter Only Name"><br /><br /> Only Age to Filter:<input ng-model="searchtxt.age" type="text" placeholder="Enter Only Age"><br /><br /> <table> <tr> <th>Name</th> <th>Age</th> </tr> <tr ng-repeat="user in users | filter : searchtxt"> <td>{{user.name}}</td> <td>{{user.age}}</td> </tr> </table> </div> </body> JavaScript代码：
<script> var app = angular.module("AngularfilterApp", []); app.controller("filterctrl", function ($scope) { $scope.users = [{ name: "Madhav Sai", age: 11 }, { name: "Suresh Dasari", age: 29 }, { name: "Rohini Alavala", age: 29 }, { name: "Praveen Kumar", age: 24 }]; }); </script>

本文内容由用户注册发布，仅代表作者或来源网站个人观点，不代表本网站的观点和立场，与本网站无关。本网系信息发布平台，仅提供信息存储空间服务，其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本网站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。如因作品内容侵权需删除与其他问题需要同本网联系的，请尽快通过本网的邮箱或电话联系。 
THE END
分享
二维码
< <上一篇
下一篇>>