Polymer 聚合物岩心列表模型在模板中的应用
我试图让核心列表的子元素访问用于创建它的整个模型。大概是这样的:Polymer 聚合物岩心列表模型在模板中的应用,polymer,Polymer,我试图让核心列表的子元素访问用于创建它的整个模型。大概是这样的: <core-list data="{{data}}"> <template> <my-custom-element data="{{model}}"> <h2>{{model.title}}</h2> </my-custom-element> </template> </core-list> <
<core-list data="{{data}}">
<template>
<my-custom-element data="{{model}}">
<h2>{{model.title}}</h2>
</my-custom-element>
</template>
</core-list>
<polymer-element name="my-custom-element" layout vertical attributes="data">
<template>
<div layout horizontal>
<core-image src={{data.image.url}}></core-image>
<span flex><content select="h2"></content></span>
</div>
<content></content>
</template>
</polymer-element>
在自定义元素中扩展模板时,h2元素可以很好地表达,但是我找不到任何方法使模型可用于我的自定义元素
这是预期的行为,还是核心列表驱动模板的方式中存在缺陷
编辑
我的自定义元素的内容如下所示:
<core-list data="{{data}}">
<template>
<my-custom-element data="{{model}}">
<h2>{{model.title}}</h2>
</my-custom-element>
</template>
</core-list>
<polymer-element name="my-custom-element" layout vertical attributes="data">
<template>
<div layout horizontal>
<core-image src={{data.image.url}}></core-image>
<span flex><content select="h2"></content></span>
</div>
<content></content>
</template>
</polymer-element>
因此,您可以看到,我正在尝试访问核心列表中显示给模板的完整模型
编辑2
根据要求,我已经在codepen上创建了一个示例,很抱歉花了这么多时间,但我对codepen还是新手
令人尴尬的是,这个例子正如我所预料的那样有效。如果我在我的真实代码中找出了我做错的地方,我会把我的发现发回到这里
无论如何,谢谢你的帮助 我不确定我是否理解你的问题。您想使用模型填充H2标记,并在“我的自定义元素”聚合元素中使用模型吗?很有趣,我要试试。我不明白为什么这不可能。我已经更新了原始问题,添加了一个自定义元素的示例,希望它能更好地解释我的问题。一个具体的示例会有所帮助。你能在codepen上发布一些东西吗?添加了具体的示例-尽管这是我所期望的工作方式!