Aurelia ile anında bir dom nesnesi oluşturma

Question

Aurelia'da oldukça yeniyim ve aurelia'da bunun mümkün olup olmadığını bilmiyorum. Birkaç sonuçlarla bir json sahip

,

 "colors":[ 
     { 
      "text":"#45454", 
      "name":"background", 
      "id":1, 
      "type":"BackgroundColor" 
     } 
     "Description":[ 
     { 
      "text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta sapien condimentum sagittis lobortis. Praesent molestie massa mi, eu volutpat libero condimentum in. Maecenas ultricies justo mi, eu vehicula nibh tristique vitae. Aliquam rhoncus ultrices fermentum. Duis id sapien efficitur, iaculis sapien non, laoreet felis. Aliquam dapibus commodo enim. Cras ultrices tempus justo, nec sagittis magna rutrum a. 

Nullam porttitor varius lacinia. Aliquam eleifend ante tortor, non suscipit purus hendrerit eget. Ut sit amet elit mollis, venenatis tortor cursus, ornare ex. Aliquam egestas dui odio, quis malesuada ex feugiat in. Cras scelerisque, sem vitae maximus sagittis, velit orci pharetra libero, eget condimentum tortor neque in metus. Donec gravida fermentum imperdiet. Vivamus a lorem et metus maximus sollicitudin vitae eget lacus. Aliquam erat volutpat. Sed ultrices magna eget nunc venenatis porttitor. Nullam hendrerit ut mi et fermentum. Duis id sollicitudin tellus, a ultricies eros. Cras semper purus at convallis semper. Curabitur aliquet venenatis magna, a eleifend eros maximus eu. Duis ut iaculis velit, quis commodo urna. Quisque lacinia efficitur elit ut mollis.", 
      "name":"description", 
      "id":1, 
      "type":"textarea" 
     } 

Biliyorum bu aurelia bu temsil etmek nasıl bilmiyorum pseudocode (bu gibi o şeyden inşa etmek istiyoruz

:

<input type="color" value-bind="item.name:background" /> 
<textarea rows="5" type="text" class="form-control" value.bind="item.name:description"></textarea> 

Bu, tür = BackgroundColor ve benzeri bir renk girdisi oluşturmalı ve onu bir jsonun belirli bir dönüşüne bağlamalıyım anlamına gelir.

Answer 1

Yapmaya çalıştığınız şey, dokümanlardan örneği kullanarak e en basit yolu -

this.items = [ 
    { type: 'something' }, 
    { type: 'somethingElse' } 
] 

<template repeat.for="item of items"> 
    <compose model.bind="item" view-model="widgets/${item.type}"></compose> 
</template> 

JSON sadece her iki şekilde dizisi ve dinamik eklenti onu itin ve DOM çıkarın olabilecek bir dizi değilse.

Daha sonra, uygun form girdisi alanlarına sahip olduğunuz her JSON nesnesinin her bir farklı türünü düzenlemek için farklı formlara sahip olabilirsiniz.

ex something.html -

<input type="color" value-bind="item.name" /> 
<textarea rows="5" type="text" class="form-control" value.bind="item.description"></textarea>