온센 버튼 활성화/비활성화

Question

다른 버튼의 클릭 이벤트에서 온천 버튼을 활성화/비활성화하고 싶습니다. 다음 코드를 사용했지만 저에게 효과적이지 않았습니다. 에 대한 제안/수정이 필요합니다.

<ons-button id="save" disabled="true">Save</ons-button> 
<ons-button id="edit" ng-click ="edit_click()">Edit</ons-button> 
<ons-button id="cancel" disabled="true">Cancel</ons-button> 

자바 스크립트 : 지시문 NG-해제와 AngularJS와 문서에 적절한 예입니다

function edit_click(){ 
    document.getElementById("save").disabled=false; 
    document.getElementById("cancel").disabled=false; 
} 

Answer 1

ngAttrDisabled 지시어를 사용하면 버튼을 동적으로 비활성화 할 수 있습니다.

<ons-button ng-attr-disabled="{{ disableButton }}">Click me!</ons-button> 
<input type="checkbox" ng-model="disableButton"> 

불행하게도 ngDisabled는 <ons-button> 태그 온천 UI의 현재 버전에서 작동하지 않습니다.

Answer 2

... : https://docs.angularjs.org/api/ng/directive/ngDisabled

당신도 비슷한 것을 시도 할 수 있습니다. th onsen :

<input type="checkbox" ng-model="checked"><br/> 
<ons-button ng-model="button" disabled="{{checked}}">Button</button> 

Answer 3

당신은 "false"를 string 값이 아닙니다 boolean 가치를 평가하고

function edit_click(){ 
document.getElementById("save").disabled="false"; 
document.getElementById("cancel").disabled="false"; 
} 

Answer 4

각도를 사용하는 경우 쉽고 신뢰할 수 있습니다.

HTML) = 그것을 확인, 코드가 나를 위해 일한 다음

<ons-button modifier="outline" style="width: 100%; ng-disabled="isDisable">Print</ons-button> 

<ons-button modifier="outline" style="width: 100%; ng-disabled="isDisable">Email</ons-button> 

JS

//to disable 
$scope.isDisable = true; 

//to enable 
$scope.isDisable = false;