使用 Polymer Web Components 时是否可以在标记中绑定数据？答案

【问题标题】：When using Polymer Web Components is it possible to bind data in the markup?使用 Polymer Web Components 时是否可以在标记中绑定数据？
【发布时间】：2014-07-02 22:08:03
【问题描述】：

假设我有类似的东西：

<code>
<polymer-element name'my-element'>
<template>
<div>{{label}}</div>
</template>
</polymer-element>
</code>

我可以这样简单地声明我的元素吗：

<code>
<my-element label='name'></my-element>
</code>

我正在做的似乎不起作用。有没有一种直接的方法来绑定标记？

【问题讨论】：

标签： polymer web-component

【解决方案1】：

您发布的内容存在一些问题，您的聚合物元素中的“名称”后缺少一个“=”，您必须致电 Polymer 注册 my-element 或包含 noscript 属性.

一般来说，如果您在 JsBin（或类似的）中构建您的问题，您可以确保您已经解决了这些问题，否则这些问题会掩盖您的问题的性质。

底线是您必须将label 设为已发布的属性，Polymer 才会自动将其连接到属性。您可以通过在polymer-element 的attributes 属性中包含名称来使其发布，如下所示：

<polymer-element name="my-element" attributes="label" noscript>

http://jsbin.com/kizahi/1/edit

<my-element label="name"></my-element>

<polymer-element name="my-element" attributes="label" noscript>
<template>
  <div>{{label}}</div>
</template>
</polymer-element>

【讨论】：