Question

我有一个这样的聚合物代码

＆＃13;

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

＆＃13;

我要做的是基于变量isDone，其值为布尔值，我想在checked中添加paper-checkbox属性。

我不确定这是否是正确的方法。

我使用的JSON对象如下：

＆＃13;

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

＆＃13;

有人能给我正确的方法吗？

提前致谢。

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

希望它有所帮助。

Polymer JS中的嵌套模板

1 个答案: