发表于: 2017-07-11 21:53:58

1 972


看了一下任务8,主要要完成的两个部分,一个是搜索,另一个是页面跳转。所以会涉及到angularjs中的双向数据绑定。

1. 建立数据搜索功能,首先通过ng-model进行双向绑定,这一指令只能使用在表单元素中,页面中表格部分的内容是通过ng-repeat动态渲染的,所以要通过ng-model将内容联动起来,通过ng-model控制 {{}} 的输出内容

2. 首先看筛选部分

为搜索按钮添加ng-click,input框添加ng-model,通过ng-click触发内容搜索输出

3. 重置的部分使用了reset功能,实际使用的时候如果出现问题改用angularjs将该处的输入内容全部更改

4. 页面跳转的部分按钮使用ng-click触发,页面跳转准备用链接来做

考虑去搜索一下有没有相关插件使用一下

查找到一个页面搜索与排序的demo:http://blog.csdn.net/b1244154318/article/details/52589932

  1.  var isopen=true;  
  2.             $scope.sort=function(str){  
  3.                 $scope.arr1=$filter("orderBy")($scope.arr1,str,isopen);  
  4.                 isopen=!isopen;  
  5.                 //console.log(isopen);  
  6.             };  
  7.             $scope.concentrate=function(){  
  8.                 console.log("已聚焦");  
  9.             }  
  10.             //实现查询功能  
  11.             $scope.search=function(){  
  12.                 console.log(11);  
  13.                 $scope.arr1=$filter("filter")(arr,document.getElementById("wei").value);  
  14.             }  

考虑用这个demo的思路写一下任务8

收获是继续看了一部分angularjs的内容,比如作用域,双向绑定,过滤器等,对这部分的知识理解加深了

明天的计划,继续任务8,争取早点完成


返回列表 返回列表
评论

    分享到