Aurelia的"repeat.for"可以与"view-model.ref"一起使用

Question

我repeat.for在视图中有一个自定义元素(如果UI元素给我一个列表):

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

我希望我的视图模型有一个自定义元素的视图模型列表(所以我可以在列表中的每个项目上调用validate方法.)

我试过这个:

<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>

测试

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