簡體   English   中英

angularJs中的ng-if條件

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM