angularjsの値に基づいてボタンを有効または無効にする方法は？

選択値に応じてボタンを有効または無効にするにはどうすればよいですか？ボタンを無効にしたいのですが、選択値が特定の値 "xxxx"に変更されるとボタンが有効になります。angularjsの値に基づいてボタンを有効または無効にする方法は？

2016-04-25 Saidi Meriem

あなたは何を試しましたか？ – silentprogrammer

非常に単純です：ngModel + ngDisabledディレクティブ。ドキュメントを確認してください。 – dfsq

使用このようなng-disableddirectiveは：

<div class="form-group"> 
    <label class="control-label"> Etat</label> 
    <select class="form-control" name="singleSelect" ng-model="demande.etat"> 
     <option value="etude">etude</option> 
     <option value="Accepte">Accepte</option> 
     <option value="Refus">Refus</option> 
    </select><br> 
</div>

と、このようなボタンのマークアップを使用する何かで

：

<button ng-disabled="demande.etat != 'Accepte'"> 
    .... 
</button>

出典

2016-04-25 09:16:49 Adwaenyth

私のangularjsはng-disabledを認識しません。 –

@SaidiMeriemどの角度の角度を使用していますか？ Btw。アプリはディレクティブを認識しないのですか、それともあなたのデータにバインドしませんか？問題がどこにあるかわかるように、オリジナルの投稿にコントローラとHTMLソースを入れてください。 – Adwaenyth

私はAngularJS v1.4.7を使用していますが、アプリケーションでディレクティブが認識されません –

使用ngDisabled詳細については、訪問： https://docs.angularjs.org/api/ng/directive/ngDisabled

使用有効または無効にする選択ボックスのモデル値

郵便あなたのコード、それはあなたがコメントし、その後チャゲたい場合は、この... 条件

$scope.MyButton = true; 

<button ng-if="MyButton === false"> 
    .... 
</button>

出典

2016-04-25 09:17:25

-1

を即興することができますので。。

angular.module("myApp",[]). 
 
controller("myController",function($scope){ 
 
$scope.buttonShow=false; 
 
    $scope.checkVal=function(){ 
 
    if($scope.demande.etat == "Accepte"){ 
 
     $scope.buttonShow=true; 
 
    }else{ 
 
     $scope.buttonShow=false;  
 
    } 
 
    } 
 
});

<html ng-app="myApp" > 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
</head> 
 
    <body ng-controller="myController"> 
 
<div class="form-group" > 
 
<label class="control-label"> Etat</label> 
 
<select ng-change="checkVal()" class="form-control" name="singleSelect" ng-model="demande.etat"> 
 
<option value="etude">etude</option> 
 
<option value="Accepte">Accepte</option> 
 
<option value="Refus">Refus</option> 
 
</select><br> 
 
    
 
    <button ng-show="buttonShow" class="btn btn-success btn-sm" ng-click="genererContrat(d)" title="Contrat" data-toggle="modal" data-target="#myModalHorizontalContrat" ><span class="glyphicon glyphicon-eye-open" ></span><span class="hidden-xs hidden-sm" ></span>Button</button> 
 
</div> 
 
    </body> 
 
    </html>

出典

2016-04-25 09:29:48

これは、ボタンが全くレンダリングされなくなります。 – anierzad

@anierzad適切な場所に 'ng-if'を使用すると、適切な条件のために適切なデータが表示されます –

しかし、元のポスターからの質問には答えません。 – anierzad

<button class="btn btn-success btn-sm" ng-click="genererContrat(d)" title="Contrat" data-toggle="modal" data-target="#myModalHorizontalContrat" ng-disabled="{demande.etat == Accepte}" ><span class="glyphicon glyphicon-eye-open" ></span><span class="hidden-xs hidden-sm" ></span></button>

出典

2016-04-25 09:43:10

チェックのためにもng-ifを使用することができます

出典

2016-04-25 10:02:47

angularjsの値に基づいてボタンを有効または無効にする方法は？

答えて

関連する問題