angularjs - 如何将数组传递到指令而不将其转换为字符串？

Question

对，所以我刚刚开始了解指令，它们看起来非常棒。但我遇到了一个问题:

我需要将图像数组传递到指令中，以便我可以按某些标准过滤它们。这是我调用该指令的 html:

<img cover="{{challenge.images}}">

这是我的指令:

myproject.directive('cover', function() {
    return {
        link: function ($scope, element, attrs) {
            console.debug("attrs.cover", Array(attrs.cover));
        }
    };
});

输出是一个字符串。有没有办法防止 attr 变成字符串？

Answer 1

我在这里假设您不想创建隔离范围，因此:

myproject.directive('cover', function($parse) {
    return {
        link: function ($scope, element, attrs) {

            var covers = $parse(attrs.cover)($scope);
            console.debug("attrs.cover", covers);
        }
    };
});

然后像这样使用指令:

<img cover="challenge.images">