首页 > angularjs指令的代码,看不懂,求高手解释下?

angularjs指令的代码,看不懂,求高手解释下?

angular.module('cnodejs.directives').directive(
  // Collection-repeat image recycling while loading
  // https://github.com/driftyco/ionic/issues/1742
  'resetImg', function ($document) {
    return {
      restrict: 'A',
      link: function($scope, $element, $attributes) {
        var applyNewSrc = function (src) {
          var newImg = $element.clone(true);

          newImg.attr('src', src);
          $element.replaceWith(newImg);
          $element = newImg;
        };

        $attributes.$observe('src', applyNewSrc);
        $attributes.$observe('ngSrc', applyNewSrc);
      }
    };
  }
);

http://www.jianshu.com/p/4ead962e9dac 参考下 貌似是渲染完成事件


  1. 一个匹配reset-img属性的指令

  2. 监视指令作用元素的srcng-src属性的变化

  3. srcng-src属性变化时,更新所在元素的src属性为变更后的值


angular.module('cnodejs.directives')
这句话取得一个叫”cnodejs.directives”的module模块,注册一个叫”resetImg”的directive,控件仅限于reset-img属性的指令

【热门文章】
【热门文章】