「AngularJS」ng-disabledディレクティブのサンプル
構文
<input ng-disabled="expression"></input>
<input>, <select>,と <textarea>はサポート
htmlコード
<head>
<meta charset="utf-8">
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
click here disable element:<input type="checkbox" ng-model="all"><br>
<br>
<head>
<meta charset="utf-8">
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
click here disable element:<input type="checkbox" ng-model="all"><br>
<br>
<head> <meta charset="utf-8"> <script src="/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> click here disable element:<input type="checkbox" ng-model="all"><br> <br>
JSコード
<input type="text" ng-disabled="all">
<input type="radio" ng-disabled="all">
<select ng-disabled="all">
<option>City</option>
<option>Address</option>
</select>
<input type="text" ng-disabled="all">
<input type="radio" ng-disabled="all">
<select ng-disabled="all">
<option>City</option>
<option>Address</option>
</select>
<input type="text" ng-disabled="all"> <input type="radio" ng-disabled="all"> <select ng-disabled="all"> <option>City</option> <option>Address</option> </select>