I have a repeat.for on a custom element in my view (giving me a list if UI elements):

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

I would like my view-model to have a list of the of the custom element's view-models (So I can call validate methods on each of the items in my list.)

I tried this:

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

But the boxViewModels property does not get anything added to the array. I even tried to see if it would bind at all inside of the repeat.for:

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

But after I created a few instances, boxViewModelTesting is undefined.

Makes me wonder if view-model.ref just will not work inside a repeat.for.

Is there any way to get the references of view-models of custom attributes created with a 'repeat.for'?

I have a repeat.for on a custom element in my view (giving me a list if UI elements):

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

I would like my view-model to have a list of the of the custom element's view-models (So I can call validate methods on each of the items in my list.)

I tried this:

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

But the boxViewModels property does not get anything added to the array. I even tried to see if it would bind at all inside of the repeat.for:

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

But after I created a few instances, boxViewModelTesting is undefined.

Makes me wonder if view-model.ref just will not work inside a repeat.for.

Is there any way to get the references of view-models of custom attributes created with a 'repeat.for'?

• javascript
• aurelia

1 Answer 1

This is a scenario that's part of the test suite. Should look something like this:

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>

Tests

You must update to the 3/1/2016 version of Aurelia to use this http://blog.durandal.io/2016/03/01/aurelia-early-march-2016-update/