angular学习笔记

1、angular.element  angular获取dom元素

angular.element(document.querySelector('p')); 

// find('#id')

angular.element(document.querySelector('#id'))

//find('.classname'), assumes you already have the starting elem to search from

angular.element(elem.querySelector('.classname')

2、AngularJS中的$http.post 传参 与 $.post()的参数形式不一样

具体区别：http://my.oschina.net/tommyfok/blog/287748

解决差异：

(1)在服务器端通过  $params = json_decode(file_get_contents('php://input'),true);  获取参数,适合小范围的使用

(2)修改Angular的$httpProvider的默认处理：http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/  

3、angular  定时器应用 jqlite  dom

  $scope.wait=60;

        $scope.o=angular.element(document.querySelector('#btn'));

        $scope.timer=function(){

            if ($scope.wait == 0) {

            $scope.o.removeAttr('disabled');

            $scope.o.attr('value',"获取验证码");

            $scope.o.removeClass('grey_btn');

            $scope.wait = 60;

        } else {

            $scope.o.attr('disabled',"disabled");

            $scope.o.attr('value',"重新发送(" + $scope.wait + "s)");

            $scope.o.addClass('grey_btn');

            $scope.wait--;

            setTimeout(function(){

                $scope.timer()

            },1000);

        }

    }

4、ng-view  的tpl又独立出来一个作用域，所以当对ng-view中的内容进行$watch时，就应该到ng-view的Controller中写监听才可以。

5、angular 判断checkbox是否选中 需要 设置 ng-model="ck" ng-click="veri(ck)"  ,判断ck 的值

6、指令 中  transclude：true  可以用来嵌套指令   是将html中用到指令的地方全部嵌套到template中 ng- transclude这个地方，

7、指令中的compile函数是在编译阶段 调用，而且在compile中还要调用默认的compile，否则就该覆盖掉了。。。。compile只在编译的时候运行一次，而link每次指令实例都会运行一次。

8、link与controller用法区别 link是处理内部指令的dom操作，绑定函数，绑定作用域。 而controller可以让外部调用指令内部方法

9、指令中require用来引入依赖的指令，然后就可以用link中的第四个参数supermanCtrl（require：“^superman”）supermanCtrl.addLength();  addLength()是superman中的controller.

10、angular build a tree  文件树结构

  http://jsfiddle.net/brendanowen/uXbn6/8/

11、display:none ng-show ng-cloak