Enabling/Disabling 温泉按钮

Question

我想 enable/disable 在其他按钮的单击事件上激活按钮。我为此使用了以下代码，但它对我不起作用。同样需要 suggestions/corrections。

 <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>

javascript :

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

Answer 1

您正在评估 "false" string 值而不是 boolean 值...

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

Answer 2

angularjs 文档中有一个正确的示例，其中包含指令 ng-disable：https://docs.angularjs.org/api/ng/directive/ngDisabled

你可以尝试类似的温泉：

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

Answer 3

您可以使用 ngAttrDisabled 指令动态禁用按钮。

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

不幸的是，ngDisabled 在当前版本的 Onsen UI 中不适用于 <ons-button> 标签。

Answer 4

如果您使用 angular，它很容易做到并且可靠。以下代码对我有用，检查一下 =)

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;

Enabling/Disabling 温泉按钮

Enabling/Disabling onsen Button

javascript

angularjs

cordova

onsen-ui