ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。
ng-show 指令用于设置应用部分是否可见。
ng-show="true" 设置 HTML 元素可见。
ng-show="false" 设置 HTML 元素不可见。
ng-hide 指令用于设置应用部分是否可见。
ng-hide="true" 设置 HTML 元素不可见。
ng-hide="false" 设置 HTML 元素可见。
实例：
1 <!DOCTYPE html> 2 <html> 3 <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script> 4 <body> 5 6 <div ng-app="myApp" ng-controller="personCtrl"> 7 8 <button ng-click="toggle()">隐藏/显示</button> 9 10 <p ng-hide="myVar"> 11 名: <input type=text ng-model="firstName"><br> 12 姓: <input type=text ng-model="lastName"><br><br> 13 姓名: {{firstName + " " + lastName}} 14 </p> 15 16 </div> 17 18 <script> 19 var app = angular.module('myApp', []); 20 app.controller('personCtrl', function($scope) { 21 $scope.firstName = "John", 22 $scope.lastName = "Doe" 23 $scope.myVar = false; 24 $scope.toggle = function() { 25 $scope.myVar = !$scope.myVar; 26 } 27 }); 28 </script> 29 30 </body> 31 </html> 32