关于 angularJS的一些用法

AngularJS

事件指令：

ng-click/dblclick
ng-mousedown/up
ng-mouseenter/leave
ng-mousemove/over/out
ng-keydown/up/press
ng-focus/blur
ng-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-readonly
ng-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，把这个玩意给弄出去了，得用一个插件(模块)