常用的指令

tyust512

于 2016-03-20 00:44:24 发布

阅读量255

点赞数

分类专栏： AngularJS

本文链接：https://blog.csdn.net/tyust512/article/details/50934184

版权

AngularJS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

图片加载时, 显示其他图片

 .directive('ImgageIsLoading', function ($rootScope) {
        return {
            restrict: 'A',
            link: function (scope, element, attr) {

                var timer = setInterval(function() {
                    if (element[0].complete) {
                        clearInterval(timer)
                        $rootScope.$emit('onImagesComplete');
                    }
                }, 50);

                scope.$watch(function () {
                    return attr['ngSrc'];
                }, function (value) {
                    if (!value) {
                        element.attr('src', attr.hilifeImgageLoadingErrorSrc);
                    }
                });
                element.bind('error', function () {
                    element.attr('src', attr.hilifeImgageLoadingErrorSrc);
                })
            }
        }