javascript - 将值存储在指令中以备后用

Question

我想在 ngRepeat 中保存一个对象，以便我可以在其子对象中使用该对象，如以下代码所示:

<div ng-repeat="bar in foo.bar> 
    <div ng-repeat="qux in baz.qux" myvalue="{'item1':foo.var1, 'item2':qux.var2}">
        <div ng-click="myFirstFunction(myvalue)"></div>
        <div ng-click="mySecondFunction(myvalue)"></div>
    </div 
</div

我要生成然后使用的对象相当大，我不想为每个 ngClick 指令重复定义它。

我考虑过将它保存到范围变量中，但该对象会随着 ngRepeat 的每次迭代而改变。

是否有指令或其他方式可用于存储此值供以后使用？

Answer 1

为避免重复可能很长的变量定义，您可以使用 ngInit指令，其内容将在每次创建相应元素时执行。

<div ng-repeat="bar in foo.bar> 
    <div
        ng-repeat="qux in baz.qux"
        ng-init="myValue = {'item1':foo.var1, 'item2':qux.var2 }"
    >
        <div ng-click="myFirstFunction(myValue)"></div>
        <div ng-click="mySecondFunction(myValue)"></div>
    </div>
</div>

但是，模板中的复杂代码很少是个好主意。按照文档的建议，考虑将您的逻辑移动到 Controller 中:

The only appropriate use of ngInit is for aliasing special properties of ngRepeat, as seen in the demo below. Besides this case, you should use controllers rather than ngInit to initialize values on a scope.