Polymer 如果属性已舍入，则使元素舍入

我试图根据元素是否具有舍入属性来舍入元素

我的尝试没有成功

<polymer-element name="my-navbar" attributes="rounded">
    <template>
        <content>
        </content>
    </template>
    <script>
        Polymer('my-navbar', {
            created: function () {
                if(this.rounded) {
                    this.style.borderRadius = '5px'
                }
            }
        })
    </script>
</polymer-element>

聚合物（“my-navbar”{
已创建：函数（）{
如果（这个四舍五入）{
this.style.borderRadius='5px'
}
}
})

这可以通过CSS实现：

<polymer-element name="my-elem" noscript>
  <template>
    <style>
      :host {
        background: red;
        color: white;
        padding: 8px;
        margin: 8px;
      }
      :host([rounded]) {
        border-radius: 8px;
      }
    </style>
    <content></content>
  </template>
</polymer-element>

<my-elem rounded>I'm rounded!</my-elem>

<my-elem>I'm rectangular!</my-elem>

：主持人{
背景：红色；
颜色：白色；
填充：8px；
利润率：8px；
}
：主机（[四舍五入]）{
边界半径：8px；
}
我是圆的！
我是长方形的！

---

有关更多信息，请参阅。

这可以通过CSS实现：

<polymer-element name="my-elem" noscript>
  <template>
    <style>
      :host {
        background: red;
        color: white;
        padding: 8px;
        margin: 8px;
      }
      :host([rounded]) {
        border-radius: 8px;
      }
    </style>
    <content></content>
  </template>
</polymer-element>

<my-elem rounded>I'm rounded!</my-elem>

<my-elem>I'm rectangular!</my-elem>

：主持人{
背景：红色；
颜色：白色；
填充：8px；
利润率：8px；
}
：主机（[四舍五入]）{
边界半径：8px；
}
我是圆的！
我是长方形的！

有关更多信息，请参阅