奥蕾莉亚的"repeat.for"可以和"view-model.ref"一起使用吗？

Question

我有一个关于我视图中自定义元素的repeat.for（如果 UI 元素，请给我一个列表）：

<box repeat.for="box of boxes" box.bind="box"></box>

我希望我的视图模型有一个自定义元素的视图模型的列表（所以我可以对列表中的每个项目调用验证方法。

我试过这个：

<div repeat.for="box of boxes">
    <box box.bind="box" view-model.ref="boxViewModels[${$index}]"></box>
</div>

但是 boxViewModels 属性不会向数组中添加任何内容。我什至试图看看它是否会在repeat.for内部绑定：

<div repeat.for="box of boxes">
    <box box.bind="box" view-model.ref="boxViewModelTesting"></box>
</div>

但是在我创建了几个实例之后，boxViewModelTesting undefined.

让我想知道view-model.ref是否只是无法在repeat.for内工作.

有没有办法获取使用"repeat.for"创建的自定义属性的视图模型的引用？

Answer 1

这是测试套件的一部分。 应该看起来像这样：

export class Foo {
  boxElements = [];
  boxViewModels = [];
  boxViews = [];
  boxControllers = [];
}

<template>
  <div repeat.for="box of boxes">
    <box ref="boxElements[$index]"
         view-model.ref="boxViewModels[$index]"
         view.ref="boxViews[$index]"     
         controller.ref="boxControllers[$index]">
    </box>
  </div>
</template>

测试

您必须更新到 3/1/2016 版本的 Aurelia 才能使用它http://blog.durandal.io/2016/03/01/aurelia-early-march-2016-update/