如何禁用Angular上的按钮

Question

this first part working fine. 第一部分工作正常。

<div ng-app="" ng-init="mySwitchone=true">
<p>
    <button ng-disabled="mySwitchone">Click Me!</button>
</p>
<p>
    <input type="checkbox" ng-model="mySwitchone"/>Button
</p>
<p>
{{ mySwitchone }}
</p>
</div>

But do not work on second part. 但不要在第二部分上工作。 What's wrong with this code. 此代码有什么问题。 Can anyone tell me. 谁能告诉我。

<div ng-app="" ng-init="myTest=true">

<p>
    <button ng-disabled="myTest"> Click me</button> 
</p>
<p>
    <input type="checkbox" ng-model="myTest"/>Button
</p>
<p>
    {{ myTest }}
</p>

</div>

Answer 1

First problem you can use multiple ng-app. 第一个问题，您可以使用多个ng-app。 Try this bellow way 尝试以下方式

<!DOCTYPE html>
<html ng-app="">
<body>


<div  ng-init="mySwitchone=true">
<p>
    <button ng-disabled="mySwitchone">Click Me!</button>
</p>
<p>
    <input type="checkbox" ng-model="mySwitchone"/>Button
</p>
<p>
{{ mySwitchone }}
</p>
</div>

<div  ng-init="myTest=true">

<p>
    <button ng-disabled="myTest"> Click me</button> 
</p>
<p>
    <input type="checkbox" ng-model="myTest"/>Button
</p>
<p>
    {{ myTest }}
</p>

</div>


</body>
</html>

See more 查看更多

Answer 2

This is how your code needs to be- 这就是您的代码需要这样的方式-

<div ng-app="" ng-init="mySwitchone=true;myTest=true">
<p>
<button ng-disabled="mySwitchone">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitchone"/>Button
</p>
<p>
{{ mySwitchone }}
</p>

<p>
<button ng-disabled="myTest"> Click me</button> 
</p>
<p>
<input type="checkbox" ng-model="myTest"/>Button
</p>
<p>
{{ myTest }}
</p>

</div>

如何禁用Angular上的按钮

问题描述

2 个解决方案

解决方案1
2 已采纳 2015-08-17 14:09:05

解决方案2
1 2015-08-17 14:06:16

如何禁用Angular上的按钮

问题描述

2 个解决方案

解决方案1 2 已采纳 2015-08-17 14:09:05

解决方案2 1 2015-08-17 14:06:16

解决方案1
2 已采纳 2015-08-17 14:09:05

解决方案2
1 2015-08-17 14:06:16