AngularJS

事件指令：

ng-click/dblclickng-mousedown/upng-mouseenter/leaveng-mousemove/over/outng-keydown/up/pressng-focus/blurng-submit

和ng-click一樣，都是給dom綁定事件的

需要注意的是，使用事件對象的時候，需要在ng-click等指令里傳入$event，如：

<button ng-click="clickFn($event)" class="btn btn-danger">aa</button>

表單指令

ng-change

當值發生改變的時候就會有用

有value值的一些個標簽，能ng-model的，才能用喲

必須要ng-model配合使用

可以做數據驗證

ng-disabled 控制元素是否可用ng-readonlyng-checked 

控制checkbox是否被選中

只設置這個只能通過數據來控制是否選中

設置ng-model就可以通過它來控制數據

disabled和readonly的區別

表單元素都可以通過設置disabled或者readonly屬性對其禁用，disabled設置了之后，用戶不可以使用，并且表單不會提交該字段，readonly

僅是用戶禁用，也就是說，用戶不可操作，但是表單依然會提交

倒計時搶購小案例

$interval服務相當于setInterval，可以自動進行臟數據檢驗

清除的話需要賦值然后$interval.cancel（timer）

ng-show 為true顯示。false隱藏

ng-hide 為true 隱藏。false 顯示

ng-if 和ng-show 一樣，只不過是如果不顯示的時候，節點不在dom文檔中

var app = angular.module("myapp",[])app.controller("myController",function ($scope,$interval) {$scope.num=1$scope.canBuy = false$scope.time = 5  var timer = $interval(function () {   $scope.time--;   if($scope.time<=0){    $scope.canBuy=true    $interval.cancel(timer)        }  },1000) })

ng-bind相關

ng-bind有一個問題，加上之后就不能在數據變量后面加別的東東了，這個標簽里面只能顯示這條數據，其他的就不行了比如

{{name}}---111用ng-bind-template就好ng-bind-template="{{name}}---111"

又有問題了，不能解析標簽

沒事，用ng-bind-html

ng-bind-html="<h1>{{name}}---111</h1>"

這樣可不行哦，這是1.3前的，從1.3以后大換血的時候，為了精簡angular.js，把這個玩意給弄出去了，得用一個插件(模塊)

還得在angular.module里面給放進"ngSanitize"

然后需要把要顯示的標簽掛在一個變量上，然后設置給ng-bind-html

$scope.text= "<h1>"+$scope.name+"---111</h1>"ng-bind-html=''text“ng-non-bindable

這個指令可以讓表達式不解析

<h3 ng-non-bindable>{{name}}</h3>

ng-include

可以引入一個html代碼片段，也需要變量來定義，代碼片段里也可以寫表達式等