将数据绑定到聚合物中的内容元素

Bind data to content element in Polymer

本文关键字：元素 数据绑定 聚合物      更新时间：2023-09-26

我想问是否可以将数据绑定到元素，然后在实际内容中访问它。这里有一个例子：我想创建一个列表组件，但是让用户定义如何渲染每个条目。这是我当前的代码：

列表元素：

<template repeat="{{item in items}}">
  <content></content>
</template>

使用它的用户：

<ak-list items="{{items}}">
  {{item.name}}
</ak-list>

但是，这不起作用

我想，您将无法从web组件的HTML部分内部访问数据模型。

您需要在模板中定义数据。我想你可能已经意识到了。

http://jsbin.com/yadazo/1/edit?html，输出

一个垃圾箱，里面有它的工作原理。

此外，你可以通过传递额外的数据来控制演示，然后你可以在你的模板中使用

下面是一个相同的例子

http://jsbin.com/yateka/1/edit?html，输出

可以提供列表和您想要的方式，然后用这些东西创建模板。

相关文章：