angularjs - 在ng-repeat的每个迭代上执行脚本/功能

我在这样的元素上使用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标记放入其中，但没有用。

最佳答案

这是我使用指令的意思的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>

将执行。