Javascript 如果元素未定义,则应用类-AngularJS

Javascript 如果元素未定义,则应用类-AngularJS,javascript,angularjs,Javascript,Angularjs,我希望仅当对象中的元素未定义/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}}

我希望仅当对象中的元素未定义/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>
  • 谢谢您的帮助。

  • <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>
    
  • HTML


    该类应用于所有列表项,无论是否可用。这是更好的方法(无函数)。谢谢@wayneThis给出了与wayne相同的回答。。。已应用于所有列表项。完成,需要更改!=等于未定义的附加条件。谢谢
    <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>
    
    $scope.getClass=function(post){
      if(_isUndefinedOrNull(post.record.time))
         return 'not-available';
      else
         '';
    }
    
    function _isUndefinedOrNull(val) {
       return angular.isUndefined(val) || val === null || val === '';
    }//