无法在自定义指令

Question

我有一个自定义指令，我希望得到我的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值上给了我一个空字符串。我做错了什么？

Answer 1

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