ng-if JSON 值不为空

ng-if JSON value not empty

本文关键字:JSON ng-if      更新时间:2023-09-26

尝试以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非空且具有其他值的元素

,然后FT

您可以检查字符串的长度。

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/