AngularJS 第四课（选择框，HTML DOM，HTML 事件）

选择框

使用ng-options可以编写选择框。
实例：

<div ng-app="myApp" ng-controller="myCtrl" >
    <select ng-model="selecName" ng-options="x for x in names"></select>
</div>

<script>
    var app=angular.module('myApp',[]);
    app.controller('myCtrl',function($scope){
        $scope.names=["1","2","3"];

    });
</script>

使用no-repeat可以起到一样的效果
实例：

<div ng-app="myApp" ng-controller="myCtrl" >
    <select >
        <option ng-model="selecName" ng-repeat="x in names">{{x}}</option>
    </select>
</div>

<script>
    var app=angular.module('myApp',[]);
    app.controller('myCtrl',function($scope){
        $scope.names=["1","2","3"];

    });
</script>

相比之下ng-option选择的是对象，而ng-repeat是选择数据。

ng-disabled

实例：

<div ng-app="" ng-init="mySwitch=false">
<p>
<button ng-disabled="mySwitch">点我!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch"/>按钮
</p>

{{ mySwitch }}

</div> 

ng-show

实例：

<div ng-app="">
<p ng-show="true">我是可见的</p>
<p ng-show="false">我是不可见的</p>
</div>

ng-click

实例：

<div ng-app="" ng-init="count=0">
<p ng-click="count=count+1">
    {{count}}
</p>
</div>