Question

我试图制作一个组件，用其他一系列组件或元素包装它的孩子，这里是我的实际代码的简化示例，让我们说我＆＃39;我开发了一个容器元素，我想添加一系列图像content（或shadow对我来说真的不重要）我想这样的元素：

<!-- my-app.html -->
<my-container>
 <img src="a.png">
 <img src="b.png">
 <img src="c.png">
</my-container>

现在，在幕后我想要包装每个图像，例如用另一组元素，所以我定义我的my-container聚合物组件如下：

<polymer-element name="my-container">
  <template>
    <link rel="stylesheet" href="bo.css">
    <link rel="stylesheet" href="bo-examplr.css">
    <h3>{{name}}</h3>
    <template bind="{{children as children}}" repeat="{{child in children}}">
      <div>
        <h5>Some Property will go here eventually</h5>
        <content></content>
    </template>
  </template>
</polymer-element>

就我而言，当然它不起作用，是否有其他人试图完成它并且比我更成功？

Gist of actual source code

在其他元素中包装Polymer子元素

0 个答案: