Вложенные шаблоны в Polymer JS

Question

У меня есть код Polymer, который идет этот путь

<template> 
 
    <template repeat="{{item in tasklist}}"> 
 
     <paper-checkbox <template if={{item.isDone}}>checked</template> label="{{item.itemName}}"></paper-checkbox> 
 
    </template> 
 
</template>

То, что я пытаюсь сделать, основано на переменной isDone, значение которого булево, я хочу добавить checked атрибут в paper-checkbox.

Я не уверен, что это правильный способ сделать это.

JSON объект, который я использую следующим образом:

tasklist: [ 
 
    { 
 
     itemName : "Study", 
 
     isDone : true 
 
    }, 
 
    { 
 
     itemName : "Cook Dinner", 
 
     isDone : false 
 
    } 
 
]

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

Заранее спасибо.

Answer 1

Прежде всего, HTML должен оставаться в силе. Вы не можете просто отбрасывать теги внутри других тегов. К счастью, в этом случае вам не нужно использовать условные шаблоны и следующий код делает трюк:

<paper-checkbox role="checkbox" checked="{{ item.isDone }}"> 
</paper-checkbox> 

ли вы по-прежнему хотите использовать условный шаблон, вы можете написать:

<template if="{{ item.isDone }}"> 
    <paper-checkbox role="checkbox" checked> 
    </paper-checkbox> 
</template> 
<template if="{{ !item.isDone }}"> 
    <paper-checkbox role="checkbox"> 
    </paper-checkbox> 
</template> 

Живыми предварительный просмотр: http://plnkr.co/edit/V9ZukBq4ia2pqBk55DqH?p=preview

Надеюсь, это поможет.