CODEWITHSUNDEEP
javascriptjqueryangularjs
Max
Max

Reputation: 39

How to disabled button on Angular

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>

Upvotes: 0

Views: 96

Answers (2)

Bipon Biswas
Bipon Biswas

Reputation: 11645

First problem you can use multiple 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

Upvotes: 2

Rachitta A Dua
Rachitta A Dua

Reputation: 358

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>

Upvotes: 1

Related Questions