表單指令和ng-switch
<body ng-app="app" ng-controller="xmgController">
<!--1.表單指令-->
<!--控制表達是否可用, 值為bool類型-->
<input type="text" ng-disabled="true">
<!--控制表單為只讀屬性-->
<input type="text" value="ng-readonly" ng-readonly="true">
<!--設置復選框為選中狀態-->
<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.創建模塊
var app = angular.module('app', []);
//2.創建控制器
app.controller('xmgController', ['$scope', function ($scope) {
$scope.course = ['html', 'css', 'js'];
}]);
//3.綁定模塊 ng-app="app"
//4.綁定控制器 ng-controller="xmgController"
</script>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
