Question

这第一部分工作正常。

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

但是不要在第二部分工作。这段代码有什么问题。谁能告诉我。

<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

您可以使用多个ng-app的第一个问题。试试这个方式

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

Answer 2

这是您的代码需要的方式 -

<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 个答案: