Javascript 如果元素未定义,则应用类-AngularJS
我希望仅当对象中的元素未定义/null时,才将类应用于元素。 我正在尝试下面的方法,但没有成功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}}
<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 === '';
}//