ng-repeat item limitTo和custom ng-repeat filter item limitTo

时间:2016-05-07 12:32:15

标签: angularjs filter ng-repeat

示例代码

此json中有三个 类型 网络,标签和移动设备

目标

1)ng-repeat limitTo:6

2)输入移动 limitTo:2

 {
     type: 'web',
     data:  'lipsum....'
    },
    {
     type: 'mobile',
     data:  'lipsum....'
    },
    {
     type: 'tab',
     data:  'lipsum....'
    },
    {
     type: 'web',
     data:  'lipsum....'
    },
    {
     type: 'mobile',
     data:  'lipsum....'
    },
    {
     type: 'tab',
     data:  'lipsum....'
    }

目标

1)ng-repeat limitTo:6

2)输入移动 limitTo:2

<div ng-repeat="work in works.work | limitTo:6 | filter: ">

1 个答案:

答案 0 :(得分:0)

不确定,这是您所需要的,

<div ng-repeat="res in data|filter:{type:'mobile'} | limitTo:2 ">
        {{res.data}}
 </div>

工作App