angularjsng-disabled가 버튼에 비활성화를 추가하지 않음

angularjsng-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"비활성화된 속성은 버튼에 적용되지 않습니다.

내가 여기서 뭘 잘못하고 있는 거지?

사용합니다.

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

앵귤러 닥 ngDisabled

수식을 요소에 바인딩하기 위한 표기법 {{}}: 기본 제공 Angular 마크업을 의미합니다.

용도:

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

대신:

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

ng-show / ng-hide / ng-if와 동일하게 {{}}개가 아닌 모델 표현 자체를 사용하시면 됩니다.

예:-

용도:

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

대신:

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

이렇게 써야 돼요.

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

언급URL : https://stackoverflow.com/questions/19599064/angularjs-ng-disabled-doesnt-add-disabled-to-button