angular随笔

　　angular个别情况scope值不能改变或者不能绑定【如：指令内ctrl.$setViewValue()不能直接改变input的val值，该处需要使用scope.$apply】

如之前写的简单指令

var app = angular.module('hpapp', []);
app.directive('inputempty', function() {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function(scope, elem, attrs, ctrl) {
            var close = '<span class="clear"></span>';
            elem.next().bind('click', function() {
                ctrl.$setViewValue('');
                ctrl.$render();
            });
        }

    };
});

改变为

var app = angular.module('hpapp', []);
app.directive('inputempty', function() {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function(scope, elem, attrs, ctrl) {
            var close = '<span class="clear"></span>';
            elem.next().bind('click', function() {
            ctrl.$apply(function(){
                    ctrl.$setViewValue('');
                });
            });
        }

    };
});            

以及下边的情况，在angular内部使用setInterval()以及setTimeout()都不能直接绑定

angular.module('app',[])
    .controller('testController', function($scope) {  

      $scope.test = function() {
        setTimeout(function() {
            $scope.text = 'test';
            console.log($scope.text );
        }, 2000);
      }  

      $scope.test ();  

    });  

angular.module('app',[])
    .controller('testController', function($scope) {  

      $scope.test = function() {
        setTimeout(function() {
          $scope.$apply(function() {
            $scope.text = 'test';
            console.log($scope.text );
          });
        }, 2000);
      }  

      $scope.test ();  

    });