angularjs - 在 ng-repeat 的每次迭代中执行脚本/函数

Question

我在这样的元素上使用 ng-repeat:

<div ng-repeat="aSize in BC.aOutputSizesArr" style="width:{{aSize}}px; height:{{aSize}}px;">
    {{aSize}}
    <canvas/>
    <script>alert({{aSize}})</script>
</div>

所以基本上在每次重复时，我需要根据 aSize 的值绘制到 Canvas 上，是否可以在 ng-repeat 的每次迭代中执行一个函数>?我试着把那个 script 标签放在那里，但它不起作用。

Answer 1

这是一个 example我的意思是使用指令。

这个指令:

angular.module('directives', []).directive('alerter', function () {
    return {
        model: {
            size: '@'
        },
        link: function ($scope, element, attrs, controller) {
            alert(attrs.size)
        }
    };
});

像这样使用:

<alerter size=10>alert 10</alerter>
<alerter size=15>alert 15</alerter>

将执行。