美文网首页
angular中一种筛选方法

angular中一种筛选方法

作者: 言笑笑 | 来源:发表于2017-01-22 09:59 被阅读0次

    状态:
    vm.statusList = [
    {name:"状态",value:-1},
    {name:"喜欢",value:0},
    {name:"不喜欢",value:1},
    {name:"讨厌",value:2}
    ];
    vm.status = vm.statusList[0];

    选项部分:

    <select ng-model="vm.status" ng-options="item.name for item in vm.statusList track by item.value" ></select>

    内容部分:

     <ul class="ul">
          <li   ng-repeat="data in vm.datas | filter:vm.listFilter" > </li>
     </ul>
    

    筛选部分:

    vm.listFilter = function(item){
    var cstatus = vm.status.value==vm.statusList[0]
    if (!cstatus){
    cstatus = item.status==vm.status.value;
    }
    return cstatus;
    };

    这样筛选出valve不同时候的选项,做项目的时候是三个条件一起筛选的现在只贴一部分出来好看一些,有错误可以指出来

    相关文章

      网友评论

          本文标题:angular中一种筛选方法

          本文链接:https://www.haomeiwen.com/subject/lkanbttx.html