angularjs ng-disabledでボタンに無効が追加されない。

入力ボタンがあり、ユーザーがセレクトボックスから特定の値を選択した場合、無効化するように設定したい：

メニューを選択します：

<select id="jobstatus" name="jobstatus"  ng-model="associate.JobStatus" class="form-control">
        <option value="0">Current</option>
        <option value="1">Former</option>
        <option value="2">Never worked there</option>
</select>

入力ボタンです：

    <input type="submit" class="btn btn-info pull-right 
btn-lg btn-block" ng-disabled="{{associate.JobStatus === '2'}}" />

現在、ソースを表示しているときに、オプション2を選択すると、入力ボタン要素の値がng-disabled="false"からng-disabled="true"に変化しますが、ボタンには無効属性が適用されていません。

私はここで何を間違えているのでしょうか？

Ronak Shah
編集された質問 5日 11月 2015 в 12:46
プログラミング
javascript angularjs
25日 10月 2013 в 8:39
11 ビュー
ソリューション

これを利用する

<input type="submit" class="btn btn-info pull-right btn-lg btn-block" ng-disabled="associate.JobStatus == 2" />
解説 (0)

Angular Doc ngDisabled です。

中括弧は、式を要素に結合するための記法{{ }}がAngularの組み込みマークアップであることを意味します。

用途：。

<input type="submit" ng-disabled="associate.JobStatus == 2" />

Instead of:

<input type="submit" ng-disabled="{{associate.JobStatus == 2}}" />

ng-show / ng-hide / ng-ifの場合と同様に、モデル の代わりに{{}}表現そのものを使用します。

例:ー

用途：。

<div ng-show="someObject.showProperty">

Instead of:

<div ng-show="{{someObject.showProperty}}">
vineet
編集した答え 29日 3月 2016 в 2:05
解説 (0)