ng-if JSON 值不为空
ng-if JSON value not empty
尝试以ng-repeat显示项目,仅当某个键的值不为空时。
这是代码:
<a class="item" href="#" ng-repeat="e in events | orderBy:'match_time'" ng-if="e.match_timer !== NaN && e.match_status !== 'FT'">
e.match_timer看起来像:
{
match_timer: ""
}
ng-if
你可以这样写你的条件
<a class="item" href="#" ng-repeat="e in events | orderBy:'match_time'" ng-if="e.match_timer !== '' && e.match_status !== 'FT'">
这样,它将仅显示那些对于e.match_timer
非空且具有其他值的元素
您可以检查字符串的长度。
e.match_timer.length > 0 or e.match_timer > 0 if it is number.
而不是ng-if
你应该使用ng-filter,像这样
目录:
<a class="item" href="#" ng-repeat="e in events | orderBy:'match_time' | filter:filterExpression">{{e.match_timer}}</a>
.JS:
myApp.filter('filterExpression', function() {
return function (e) {
return typeof (e.match_timer) === 'string' && e.match_status !== 'FT'
};
});
演示:http://jsfiddle.net/HB7LU/9381/
相关文章:
- 我需要NG-IF/NG-SWITCH还是NG-SHOW&NG-HIDE
- 如何应用带过滤器的ng if来过滤记录,并在同一页面中显示两个不同的视图
- 在 ng-if 编译后访问指令中的 DOM 元素
- 通过ng-if设置隐藏文本框的值
- AngularJS ng-if指令在移除元素之前,即使条件为false,也会短暂呈现
- 使用 ng-if 时 ng 类的标记行为
- 为什么更改范围获胜'不能在ng if内部工作,而是通过函数调用AngularJS
- Angular2 ng if有什么问题
- 为什么myForm$提交的不适用于ng消息,但适用于ng if
- ng if不验证函数
- 将默认选项添加到ng-if
- 通过使用ng if更新ng repeat加载程序
- ng-if 连续执行方法
- 如何在使用$http缓存时重新触发ng-if/ng显示动画
- 从指令中向元素添加ng-if属性
- angularjs ng if中的无限循环
- Delete with ng-if?
- ng-if中的日期时间比较
- ng-if JSON 值不为空
- ng-if indexOf with JSON Arrays