Bootstrap+AngularJS怎么实现数据过滤字符查找功能-创新互联
这篇文章主要介绍Bootstrap + AngularJS怎么实现数据过滤字符查找功能，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
创新互联公司是一家专业提供
吴桥企业网站建设,专注与
成都网站制作、成都网站设计、
H5页面制作、小程序制作等业务。10年已为吴桥众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
具体代码如下所示：
find.html
字符查找
body{
font-size: 12px;
}
ul{
list-style-type: none;
width: 408px;
margin:0px;
padding: 0px;
}
ul li {
float: left;
padding: 5px 0px;
}
ul .bold {
font-weight: bold;
cursor: pointer;
}
ul li span {
width: 70px;
float: left;
padding: 0px 10px;
}
ul .focus {
background-color: #cccccc;
}
var find = angular.module('find', []);
find.controller('find_name', ['$scope', function ($scope) {
$scope.bold = "bold";
$scope.key = '';
$scope.data = [
{ name: "张小琴", sex: "女", age: 24, score: 95 },
{ name: "李清思", sex: "女", age: 27, score: 87 },
{ name: "杨旭旭", sex: "男", age: 28, score: 86 },
{ name: "陈楚圣", sex: "男", age: 23, score: 97 }
];
}])
字符查找
