2017-04-04 30 views
0

我想在大多數時間編輯頁面。當時,有些頁面想要顯示該按鈕可以禁用,也有些頁面希望顯示啓用。我想使用相同的編輯頁面。在這裏,我把按鈕。如果您知道,請告訴我。詢問AngularJS ng禁用

<div class="form-group"> 
      <center> 
       <input type="submit" class="btn btn-primary" value="Remove" ng-show="IsShow" ng-disabled="true"> 
      </center> 
</div> 
+1

什麼是公司ndition你想要的位置/不想禁用按鈕 –

+1

編輯頁面在大多數時間顯示爲禁用狀態。當我點擊驗證頁面時,它也顯示與啓用按鈕相同的編輯頁面。 – sss

回答

0

您可以使用NG-禁用一個$範圍值。請找到以下代碼:

在控制器中,您必須根據條件將變量等同爲true或false。

if(//someCondition) { 
 
    $scope.condition = true; 
 
} else if(//someOtherCondition) { 
 
    $scope.condition = true/ false; 
 
} else { 
 
    $scope.condition = false; 
 
}
<div class="form-group"> 
 
      <center> 
 
       <input type="submit" class="btn btn-primary" value="Remove" ng-show="IsShow" ng-disabled="condition"> 
 
      </center> 
 
</div>

+0

在這裏,我想要獲得與不同類型的按鈕(啓用,禁用)相同的頁面。那麼我怎麼能把這個狀況呢? – sss

+0

例如,在a.html中想要使用啓用按鈕進行顯示。另外,該按鈕希望被禁用。 – sss

+0

參考您先前的評論之一:當我點擊驗證頁面時,它也顯示與啓用按鈕相同的編輯頁面。通過單擊驗證按鈕調用函數並設置條件= true。我假設你在控制器中使用了相同的變量(這不是一個好習慣)。您可能必須使用$ rootScope.condition = true/false。 –

1

一個簡單的建議給你:

HTML:

<div class="form-group"> 
    <center> 
     <input type="submit" class="btn btn-primary" value="Remove" ng-show="IsShow" ng-disabled="isDisabled"> 
    </center> 
</div> 

<button ng-click="editSomething()" type="button">Edit</button> 

控制器:

... 
$scope.isDisabled = false; 
... 

$scope.editSomething = function() { 
    $scope.isDisabled = true; 
    // ... 
}; 
0

不管條件是,用它在ng-disabled屬性:

<input type="submit" class="btn btn-primary" ng-disabled="CONDITION" value="Remove" ng-show="IsShow"> 

例如:如果一個bool這是可用控制器$scope.isBtnDisabled = false;,然後用它該視圖爲:

<input type="submit" class="btn btn-primary" ng-disabled="isBtnDisabled" value="Remove" ng-show="IsShow">