Sunday, September 20, 2015

Angular ng-disabled

       
ng-disabled :binds AngularJS application data to the disabled attribute of HTML elements.
Html



<!DOCTYPE html>
<html ng-app="">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 <meta charset="utf-8" />
</head>
<body >
    <div class="container">
        <div >
            <br/>
            <h3>ng-disabled</h3>
            <p>
                <input type="checkbox" ng-model="checked"/>
                {{checked}}
            </p>
               <input ng-disabled="checked" type="button" value="Submit" class="btn btn-primary"/>
         </div>
    </div>
</body>
</html>

Output



Output



No comments:

Post a Comment