隱藏離子離子選項按鈕

Question

我有一個離子名單離子選項按鈕

<ion-list show-delete="data.showDelete" show-reorder="data.showReorder"> 
      <ion-item ng-repeat="milestone in milestones" item="item milestone" class="item-remove-animate"> 
       <div class="ft-14 db-txt txt-reg ws-nor">{{milestone.text}}</div> 
       <ion-option-button class="button-positive lg-m-align" ng-click="achieve(milestone)"> 
        <i class="lg-icon-tick-thick ft-20"></i> 
       </ion-option-button> 
       <ion-option-button class="button-dark lg-m-align" ng-click="delete(milestone)"> 
        <i class="lg-icon-delete ft-24"></i> 
       </ion-option-button> 
       <ion-option-button class="button-balanced lg-m-align" ng-click="edit(milestone)"> 
        <i class="lg-icon-edit ft-24 db-txt"></i> 
       </ion-option-button> 
       <!--ion-reorder-button class="ion-navicon" on-reorder="moveItem(item, $fromIndex, $toIndex)"></ion-reorder-button--> 
      </ion-item> 
      <ion-item class="item"> 
        <input type="text" ng-model="newMilestone.text" placeholder="Add New" /> 
      </ion-item> 
     </ion-list> 

比方說，我上向左滑動的項目。然後出現按鈕。我點擊一個按鈕，它做它應該做的。但下一次我想要的是它可以隱藏一些選項按鈕。

感謝您的幫助

Answer 1

在你的控制器，你可以使用$範圍設置，你可以在你的HTML模板中使用變量。比方說，我們做一個變量測試並將其設置爲true：

$scope.test = true; 

這之後您可以使用該變量的HTML。因此，讓我們說你要隱藏的選項按鈕時，測試結果爲真：

<ion-option-button ng-hide="test">Testoption</ion-option-button> 

以同樣的方式，你可以使用NG-顯示，然後一個HTML實體僅會在當變量是真實的。