2017-04-04 14 views
0

ほとんどの場合、編集ページが必要です。その時点で、一部のページではそのボタンを無効にすることができますが、一部のページでは有効にして表示することもできます。私は同じ編集ページを使いたいです。ここでは、ボタンを置く。ご存知の方は、私にお知らせください。AngularJS ng-disabledについて質問する

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

あなたがしたい/したくないボタンを無効にしたい場合は –

+1

その編集ページはほとんどの場合無効状態で表示されます。確認ページをクリックすると、有効化ボタン付きの同じ編集ページも表示されます。 – sss

答えて

0

あなたはNG-を無効にして$スコープ値を使用することができます。以下のコードを見つけてください:

コントローラでは、条件に基づいて変数を真または偽にする必要があります。それはng-disabled属性にそれを使用する、あるものは何でも条件

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

以前のコメントの1つを参照してください。確認ページをクリックすると、有効化ボタン付きの同じ編集ページも表示されます。検証ボタンをクリックして関数を呼び出し、condition = 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

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

例:お使いのコントローラ$scope.isBtnDisabled = false;で利用可能であるそのブール値であれば、その後にそれを使用します表示形式:

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