Javascript ng重复计数-筛选器不更新多次
我有一个列表,上面有一些过滤器。我想数一数这些项目,如果有0个项目显示一条消息Javascript ng重复计数-筛选器不更新多次,javascript,angularjs,Javascript,Angularjs,我有一个列表,上面有一些过滤器。我想数一数这些项目,如果有0个项目显示一条消息 <li ng-repeat="item in items = (items | sortWithTab:tab | filter:search")> {{ item.name }} </li> <div ng-if="items.length === 0">No items</div> 全部的 今天 居住 {{item.name} 总计:{{items
<li ng-repeat="item in items = (items | sortWithTab:tab | filter:search")>
{{ item.name }}
</li>
<div ng-if="items.length === 0">No items</div>
全部的
今天
居住
-
{{item.name}
总计:{{items.length}
更改
<li ng-repeat="item in items = (items | sortWithTab:tab)">
到
var-app=angular.module('app',[]);
app.controller('SampleCtrl',['$scope',
职能($范围){
$scope.tab='all';
$scope.changeTab=函数(选项卡){
$scope.tab=tab;
}
$scope.items=[{
名称:“一”,
标签:“现场”
}, {
姓名:"两",,
标签:“今天”
}, {
姓名:"三",,
标签:“今天”
}, {
名称:"四",,
标签:“今天”
}, {
姓名:"五",,
标签:“现场”
}, {
姓名:"六",,
标签:“今天”
}, {
名字:“七”,
标签:“今天”
}, {
姓名:"八",,
标签:“现场”
}];
}
]);
app.filter('sortWithTab',function(){
返回函数(列表,选项卡){
var滤波;
var i;
如果(制表符=‘全部’){
退货清单;
}如果出现其他情况(tab==“今天”){
过滤=[];
对于(i=0;i
全部|
今天|
生活|
-
{{item.name}
没有项目
总计:{filtered.length}
该死的,我就知道会很简单。不过,干杯:)
<li ng-repeat="item in filtered = (items | sortWithTab:tab)">