入力ボタンがあり、ユーザーがセレクトボックスから特定の値を選択した場合、無効化するように設定したい:
メニューを選択します:
<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"
に変化しますが、ボタンには無効属性が適用されていません。
私はここで何を間違えているのでしょうか?
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}}">