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">