在纸张输入中使用具有属性的条件

Question

我正在使用带有| id | name | | --- | ---- | | 10 | John | | 12 | Ann | | 13 | Mark | 的lit-html，它是聚合物3元素。我想做一个条件，其中某些属性按条件放在| id | cid | | --- | --- | | 1 | 10 | | 2 | 10 | | 3 | 12 | | 4 | 13 | | 5 | 13 | 属性中。

请注意，这似乎与纸张输入无关。使用简单的输入会发生不同的错误

paper-input

我希望根据条件设置占位符或值。

paper-input

使用如下所示的输入字段时：

render(){
    return html`
                                             <!--Using placeholder or value depending on a condition-->
        <paper-input label="Video title" type="text"
            id="titleInput" name="title" ${((true) ? html`placeholder="${this.videotitle}" `: html`value="${this.videotitle}" `)}>
        </paper-input>
`;}

DOM是这样的： 看起来像这样：

我在我遵循的文档中找到了这些相关规则：

• 绑定只能出现在属性值和文本内容位置。

• 模板不应包含未关闭的元素-HTML解析器将关闭它们。 参考：https://lit-html.polymer-project.org

我不能那样做。有人知道吗？ 我当然可以将它们分开，但是我想要一种整洁的方法。

Answer 1

如文档所述：

  

绑定只能出现在属性值和文本内容位置。

也就是说：

const HB = new HeartbeatModel({
          properties: {chargeBoxIdentity: 12345}
        });

尝试根据条件设置每个属性值：

<element attribute="${/* Here */}">
  ${/* Or here */}
</element>