如果具有舍入属性，则将元素舍入

Question

我试图根据具有舍入属性的方法对元素进行舍入。

我的尝试没有成功。

<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>

Answer 1

这已经可以用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>

有关详细信息，请参阅"A Guide to Styling Elements"。