发表于: 2017-01-04 01:37:13

4 1420


今天完成的事情:    

       1.指令中ngModelController属性学习;

       2.学习了angular是如何实现双向绑定的

       3.修改表单遗留问题

       4.了解了vue.js语法


明天计划的事情:

       1.学习ngModelController中$viewValue,$modelValue,$parsers,$formatters详解

       2.学习npm的使用(昨天未完成)

       3.学习张鑫旭大神的css课程;

  

遇到的问题:  

       1.父控制器和子控制器之间作用域如何传递内容,广播什么的。还没弄得很明白

<div ng-controller="OuterCtrl">
   <div ng-controller="InnerCtrl">
       <button increaseb>b增加</button>
       <span ng-bind="b"></span>
   </div>
   <button increasea>a增加</button>
   <span ng-bind="a"></span>
</div>
.controller("OuterCtrl", ["$scope", function ($scope) {
   $scope.a = 1;
   $scope.$watch("a", function (newVal) {
       console.log("a:" + newVal);
   });
   //接收事件
   $scope.$on("test", function (evt) {
       $scope.a++;
   });
}])
.controller("InnerCtrl", ["$scope", function ($scope) {
   $scope.b = 2;
   $scope.$watch("b", function (newVal) {
       console.log("b:" + newVal);
       //向上传播
       $scope.$emit("test", newVal);
   });
}]);

       

收获:

    1. ngModelController中的属性

  • $viewValue视图中的实际值

  • $modelValuemodel中的值,它金额控制器绑定在一起

  • $parsers将要执行的函数的数组,无论什么时候控制器从DOM中读取了一个值,它都将作为一个管道。其中的函数依次被调用,并将结果传递给下一个。最后出来的值将会被传递到model中。其中将包括验证和转换值的过程。对于验证步骤,这个解析器将会使用$setValidity方法,对于不合格的值将返回undefined。

  • $formatters一个包含即将执行函数的数组,无论什么时候model的值发生了变化,它都会作为一个管道。其中的每一个函数都被依次调用,并将结果传递给下一个函数。该函数用于将模型传递给视图的值进行格式化。

    •        $viewChangeListeners只要视图的值发生变化,其中的函数就会被执行。其中的函数执行并不带参数,它的返回值也会被忽略。它可以被用在额外的#watches中。
  •        $error一个包含所有error的对象
  •        $pristine如果用户还没有进行过交互,值是true。
  •        $dirty如果用户已经进行过交互,值是true。
  •        $valid如果没有错误,值是true。
  •        $invalid如果有错误,值是true。


   2.脏检查,触发视图更新

   $scope.$watch

            $scope.$watch( watchExp, listener, objectEquality );

   $$watchers

          $scope中的$$watchers变量保存着我们定义的所有的监视器。

       $scope.$apply

          当一个控制器/指令/等等东西在AngularJS中运行时,AngularJS内部会运行一个叫做$scope.$apply的函数。这个$apply函数会接收一个函数作为参数并运行它,在这之后才会在rootScope上运行$digest函数。


服务器地址



返回列表 返回列表
评论

    分享到