对于Polymer Dart(1.0之前的版本),我有一个自定义元素,我的页面,其中包含以下HTML:
<div vertical layout>
<div> ... stuff ... </div>
<div> ... stuff ... </div>
<my-panel> ... panel stuff ... </my-panel>
</div>
元素&lt; my-panel&gt; HTML创建一个div,如下所示:
<div flex>
<content></content>
</div>
但是,我的小组不是&#34;屈曲&#34;到我的页面结束。有没有办法让这个工作没有包装my-panel是它自己的&lt; div flex&gt;?
答案 0 :(得分:0)
你想要做的事情听起来不是一个好习惯。元素应该被封装并且能够独立生存。在这种情况下,放置一些标记并期望某些父元素完成它似乎是不正确的。
另请注意,flex
仅适用于设置flexbox的直接子项,在本例中为Polymer的布局属性。
最后,请注意,Polymer会在元素的Shadow DOM中添加额外的标记(至少在1.0之前),因此不要指望您的div
在该元素的阴影深处与该flexbox关联定义
我建议找一个更清洁的方法来解决这个问题。将div放在自定义元素周围通常是有意义的。如果您需要它是有条件的,请使用<template if...
。