Использование ref в повторяющейся среде - PullRequest
Новая
       27

Использование ref в повторяющейся среде

0 голосов
/ 08 июля 2019

Я использую пользовательский элемент для печати длины элемента ввода. У меня это работает в обычной среде, но у меня проблемы с созданием уникальных ссылок в repeat.for среде

Я пробовал использовать комбинации ref=name$index или ref=name${$index}, но пока ни одна из них не работает.

В неповторяющейся среде это работает 

<div class="row">
    <label>
        Name
        <my-custom-element field.bind="name"></my-custom-element>
        <input
            type="text"
            name="name"
            ref="name"
            value.bind="name"
            maxlength="150" />
    </label>
</div>

Однако, как только я использую повтор для, он перестает работать, потому что я неправильно использую field.bind и ref. Э.Г. 

<div repeat.for="item of items" class="row">
    <label>
        Name
        <my-custom-element field.bind="name${$index}"></my-custom-element>
        <input
            type="text"
            name="name${$index}"
            ref="name${$index}"
            value.bind="item.name"
            maxlength="150" />
    </label>
</div>

Я просто пытаюсь сделать ссылку похожей на name0, name1, name2 и т. Д., Чтобы она была уникальной.

Ошибка выглядит как Parser Error: Unconsumed token { at column 5 in expression [name${$index}]

1 Ответ

0 голосов
/ 08 июля 2019

Вы перебираете items, который предположительно является массивом объектов, имеющих свойство name.Я думаю, вы хотите что-то более похожее на следующее: 

<div repeat.for="item of items" class="row">
<label>
    Name
    <my-custom-element field.bind="item.name"></my-custom-element>
    <input
        type="text"
        name="item.name"
        ref="item.name"
        value.bind="item.name"
        maxlength="150" />
</label>

...