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);
}
};
}
);
一个匹配
reset-img
属性的指令监视指令作用元素的
src
和ng-src
属性的变化src
和ng-src
属性变化时,更新所在元素的src
属性为变更后的值