Добавить ссылки на ссылки на повторяющиеся элементы в Aurelia

Question

Итак, у меня есть список объектов в моем представленииModel, которым нужен доступ к каждому из своих отдельных элементов. Я попытался использовать element.ref, но в объекте не было элемента.

persons.js

export class PersonsViewModel { 

    persons = [{ 
     id: 0, 
     name: 'Matt' 
    }] 

    // this function fails, person.el is undefined 
    increase(person) { 
     person.el.style.height = person.el.clientHeight + 10; 
     person.el.style.width = person.el.clientWidth + 10; 
    } 
} 

persons.html

<template> 
    <div repeat.for="person of persons" element.ref="el"> 
     <div>${person.name}</div> 
     <button click.delegate="increase(person)">+</button> 
    </div> 
</template> 

Answer 1

element.ref В обязывающих отношениях связывания контексты так же, как и все другие привязки, и поэтому element.ref должен ссылаться на объект person когда добавив свойство элемента.

<div repeat.for="person of persons" element.ref="person.el">