是只有我还是上次发布的聚合物修剪了胡子?我发誓这个代码片段(http://jsbin.com/eRimiJo/10/edit)上周运行良好,现在它毫无用处,因为胡须魔法似乎不再起作用:
<script src="http://www.polymer-project.org/polymer.min.js"></script>
<polymer-element name="test-attr" attributes="width" noscript>
<template>
<style>
@host {
:scope {
display: block;
width: {{width}}px;
height: 100px;
background-color: black;
}
}
</style>
<content></content>
</template>
</polymer-element>
<test-attr width="100">Hello</test-attr>
编辑:编辑以删除明显的拼写错误
在您的示例中有几件事需要更改:
-
<content>
需要在外部</template>
- 您将
100px
绑定为宽度属性值。删除"px",否则绑定输出将在<style>
内width: 100pxpx;
。
随着变化:http://jsbin.com/ODEGika/3/edit
也就是说,这只在Chrome Canary中对我有用。它看起来像是填充物的回归。在此提交: https://github.com/Polymer/polymer/issues/270