angular自己最近使用的一种筛选方法

最新推荐文章于 2022-01-14 17:01:08 发布

原创最新推荐文章于 2022-01-14 17:01:08 发布 · 545 阅读

1 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

3 篇文章

订阅专栏

angular

2 篇文章

订阅专栏

本文介绍了一种在Angular中实现筛选功能的方法，通过`ng-model`与`ng-options`指令结合，利用`<select>`元素动态绑定数据，实现选项筛选。

投资状态
vm.statusList = [
    {name:"项目状态",value:-1},
    {name:"上线",value:0},
    {name:"投资中",value:1},
    {name:"满标",value:2}
];
vm.status = vm.statusList[0];

选项部分

内容部分

<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不同时候的选项，做项目的时候是三个条件一起筛选的现在只贴一部分出来好看一些，有错误可以指出来