无法在自定义指令

时间:2016-04-24 11:55:56

标签: angularjs angularjs-directive

我有一个自定义指令,我希望得到我的img src,它来自范围变量。然后我会检查这个img大小以及屏幕尺寸,以保留此图像或更改其来源。

但是我甚至无法在第一时间获得图像源,这是我的指示:

function repSrc($timeout) {
    return {
        restrict: 'A',
        scope: true,
        link: function(scope, element, attrs) {
            //Get image source here
            console.log(attrs.repSrc);
        }
    }
}

我的HTML:

<li ng-repeat="obj in vm.imageList">
    <img rep-src="{{obj.imgDetail}}" />
</li>

我甚至尝试在控制器中使用该指令,尝试将范围值从scope: true更改为:

scope: {
    localImg: '@repSrc'
}

但是所有这些都在attrs值上给了我一个空字符串。我做错了什么?

1 个答案:

答案 0 :(得分:0)

你的指令应该可以正常工作(here's an example)。我认为obj.imgDetail只是空的。