Question

我想仅在对象中的元素未定义/ null时才将类应用于元素。我正在尝试以下方式，但没有成功...

<li ng-repeat="post in posts.records | startFrom:currentPage*pageSize | limitTo:pageSize" ng-class="post.record.time !='' ? 'not-available' : '' ">
    <a href="record.php?id={{post.record.ID}}">
       <b>{{post.record.name}}</b>
    </a>
</li>

感谢您的帮助。

Answer 1

<li ng-repeat="post in posts.records | startFrom:currentPage*pageSize | limitTo:pageSize" ng-class="{'not-available': post.record.time !=''}">
    <a href="record.php?id={{post.record.ID}}">
       <b>{{post.record.name}}</b>
    </a>
</li>

Answer 2

HTML

<li ng-repeat="post in posts.records | startFrom:currentPage*pageSize | limitTo:pageSize" ng-class="getClass(post)">
    <a href="record.php?id={{post.record.ID}}">
       <b>{{post.record.name}}</b>
    </a>
</li>

JS

$scope.getClass=function(post){
  if(_isUndefinedOrNull(post.record.time))
     return 'not-available';
  else
     '';
}

function _isUndefinedOrNull(val) {
   return angular.isUndefined(val) || val === null || val === '';
}//

如果元素未定义，则应用一个类 - AngularJS

2 个答案: