Bootstrap + AngularJS 实现简单的数据过滤字符查找功能

 具体代码如下所示：

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; 
 } 
 
 
 
 
   
    
      
      字符查找 
      
     
       
     
    
 
      
 
 序号 
 姓名 
 性别 
 年龄 
 分数 
      
 
      
 
 {{$index+1}} 
 {{stu.name}} 
 {{stu.sex}} 
 {{stu.age}} 
 {{stu.score}} 
      
 
    
 
   
  
 
 

截图：

以上所述是小编给大家介绍的Bootstrap + AngularJS 实现简单的数据过滤字符查找，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！