在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,是否可以在每次迭代时执行一个函数ng-repeat？我尝试将那个script标签放在那里,但它不起作用.

Answer 1

这是我使用指令的意思的一个例子.

该指令:

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>

将执行.