Aurelia составить

Question

Быстрый вопрос относительно Aurelia's <compose> элемент. Я надеялся использовать его для вставки пользовательских элементов в качестве элементов формы, например:

<!-- Loop through form controls --> 
<div class="form-group" repeat.for="control of controls"> 
    <label><span t="${control.label}"></span></label> 
    <compose view-model="resources/elements/${control.type}/${control.type}" 
    value.bind="control.value" data.bind="control.data" placeholder.bind="control.placeholder"></compose> 
</div> 

Однако, это начинает выглядеть <compose> элемент ограничивается только принятием model, view-model и view параметров. Это верно? Каков наилучший способ передать такие параметры, как value, data, placeholder в пользовательские элементы на основе control.type?

Редактировать с моим Решением:

В конце концов, оказывается, что Аурелия <compose> работает только с view, view-model и model атрибутами. Мое решение передать все данные (может быть несколько элементов передаются как единый объект) как это:

<compose view-model="resources/elements/${control.type}/${control.type}" 
     model.bind="{'control': control, 'model': model, 'readonly': readonly}"> 
</compose> 

Что я сделал нахожу интересным является то, что при использовании model.bind, вам не нужно для получения параметров используйте декоратор @bindable. Они доступны сразу же в представлении.

Answer 1

Как насчет использования model.bind?

<!-- Loop through form controls --> 
<div class="form-group" repeat.for="control of controls"> 
    <label><span t="${control.label}"></span></label> 
    <compose view-model="resources/elements/${control.type}/${control.type}" 
    model.bind="control"></compose> 
</div> 

Тогда вид-модель будет иметь доступ к value, data и placeholder от его имущества model.

Answer 2

<compose> имеет доступ к внешнему пространству, поэтому вам не нужно ничего связывать. Это должно работать:

Использование

<compose view-model="resources/elements/${control.type}/${control.type}"></compose> 

HTML

<template>${propertyFromParent}</template> 

Запуск пример https://gist.run/?id=8bb9c5503b4bbb7923a3a4c9e804c656