[英]ng-if condition in angularJs
我是AngularJS的新手,並嘗試在angularJs中隱藏節目。
以下是我的代碼:
<ul class="recent-rate-list">
<li ng-repeat="ratedType in ratedTypes">
<a href="#" style="line-height:30px">{{ratedType.type}}</a>
</li>
</ul>
AngularJS:
$scope.ratedTypes = [
{
type: 'Select All',
"value": '0',
isSelected : true
}, {
type: 'Option 1',
"value": '1',
isSelected: false
}, {
type: 'Option 2',
"value": '2',
isSelected: false
},{
type: 'Option 3',
"value": '3',
isSelected: false
},
];
當isSelected = true時我需要的地方
<a href="#" style="line-height:30px"><span>{{ratedType.type}}</span></a>
當isSelected = false時
<a href="#" style="line-height:30px">{{ratedType.type}}</a>
我知道angularJs具有ng-if,但是我無法使用它。 如何使用ng-if解決呢?
謝謝。
您可以將ng-if條件放入div標簽中。
<div ng-if="isSelected === true"><a href="#" style="line-height:30px"><span>{{ratedType.type}}</span></a></div> <div ng-if="isSelected === false"><a href="#" style="line-height:30px">{{ratedType.type}}</a><div>
您可以這樣添加-
<div ng-if="isSelected"><a href="#" style="line-height:30px"><span>{{ratedType.type}}</span></a></div>
<div ng-if="!isSelected"><a href="#" style="line-height:30px">{{ratedType.type}}</a><div>
在您的控制器中定義-
$scope.isSelected = false;
希望這可以幫助 :)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.