Динамическая вставка Aurelia пользовательских элементов

Question

test.html

<gid> 
    <grid-col prop1=""></grid-col> 
    <grid-col-checkbox prop1=""></grid-col-checkbox> 
    <grid-col-radio prop1=""></grid-col-radio> 
    <grid-col-custom prop1=""></grid-col-custom> 
</grid> 

test.js экспорт класс Test {}

==============

grid.html

<table> 
    <tbody> 
    <td>test</td> 
     ======= 
     <template classs="foo-class" repeat=""> 

     </template> 
     ====== 
    </tbody> 
    </table> 

grid.js экспорт класс сетки {}

Я хочу вставить приведенные ниже вещи в тело стола. так что они будут повторяться для целых данных

<grid-col prop1=""></grid-col> 
<grid-col-checkbox prop1=""></grid-col-checkbox> 
<grid-col-radio prop1=""></grid-col-radio> 
<grid-col-custom prop1=""></grid-col-custom> 

Может ли кто-нибудь помочь, как мы можем это сделать?

Answer 1

Вы можете создать шаблон для строки таблицы:

мой столик-рядного template.html

<template> 
    <td> 
     <grid-col prop1=""></grid-col> 
    </td> 
    <td> 
     <grid-col-checkbox prop1=""></grid-col-checkbox> 
    </td> 
    <td> 
     <grid-col-radio prop1=""></grid-col-radio> 
    </td> 
    <td> 
     <grid-col-custom prop1=""></grid-col-custom> 
    </td>  
</template> 

Примечание: можно опустить <td></td> элементы, если они уже в вашем сетка-цв-х компонентов

затем использовать только

<require from="my-table-row-template.html"></require> 

<tr repeat.for="item of items"> 
    <my-table-row-template item.bind="item"></my-table-row-template> 
</tr> 

ССЫЛКА: http://aurelia.io/docs.html#/aurelia/framework/1.0.0-beta.1.1.3/doc/article/cheat-sheet/4