介绍
这篇文章主要介绍引导+ AngularJS怎么实现数据过滤字符查找功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<>强,具体代码如下所示:强>
找到。html
& lt; ! DOCTYPE html>, & lt; html  ng-app=癴ind"祝辞, & lt; head>, & lt; title>字符查找& lt;/title>, & lt; meta charset=皍tf-8"/祝辞,, https://www.yisu.com/zixun/& lt; script  src=" . ./脚本/angular.min.js " type=" text/javascript "> 脚本> 身体{ 字体大小:12 px; } ul { list-style-type:没有; 宽度:408 px; 保证金:0 px; 填充:0 px; } ul李{ 浮:左; 填充:5 px 0 px; } ul .bold { 粗细:大胆的; 光标:指针; } ul李跨度{ 宽度:70 px; 浮:左; 填充:0 px 10 px; } ul .focus { background - color: # cccccc; }> 风格 <脚本type=" text/javascript”> var=角。模块(“发现”,[]); 找到。控制器(“find_name”,“美元范围”,函数(范围美元){ 美元的范围。大胆=按蟮ā? 美元的范围。键="; 美元的范围。data=( {名称:“张小琴”,性:“女”,年龄:24岁的分数:95}, {名称:“李清思”,性:“女”,年龄:27岁的分数:87}, {名称:“杨旭旭”性:“男”,年龄:28日,分数:86}, {名称:“陈楚圣”,性:“男”,年龄:23日,分数:97} ]; }))> 脚本 >头 <身体>对齐字符查找<输入id=" txtkey " type=" text " ng-model=肮丶? 占位符="请输入姓名关键字"/>
-
<李ng-class="{{大胆}}">
序号
姓名
性别
年龄
分数
李>
<李ng-repeat="斯图在数据|过滤器:{名称:关键}">
{{$ index + 1}}
{{stu.name}}
{{stu.sex}}
{{stu.age}}
{{stu.score}}
李>