表單指令和ng-switch
<body ng-app="app" ng-controller="xmgController">
<!--1.表單指令-->
<!--控制表達(dá)是否可用, 值為bool類型-->
<input type="text" ng-disabled="true">
<!--控制表單為只讀屬性-->
<input type="text" value="ng-readonly" ng-readonly="true">
<!--設(shè)置復(fù)選框為選中狀態(tài)-->
<input type="checkbox" ng-checked="true">
<!--2.ng-switch 指令-->
<ul>
<!--<li ng-repeat="value in course">{{value}}</li>-->
<li ng-repeat="value in course" ng-switch="value">
<!--如果滿足條件就顯示,否則隱藏-->
<p ng-switch-when="css">{{value}}</p>
</li>
</ul>
</body>
<script src="js/angular.js"></script>
<script>
//1.創(chuàng)建模塊
var app = angular.module('app', []);
//2.創(chuàng)建控制器
app.controller('xmgController', ['$scope', function ($scope) {
$scope.course = ['html', 'css', 'js'];
}]);
//3.綁定模塊 ng-app="app"
//4.綁定控制器 ng-controller="xmgController"
</script>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
