使用js更改css的聚合方式

Question

我來自有角度 ， 反應背景開始與聚合物 。

我有一個聚合物類讓我說myClass有這個模板。

<div  id="[[x]]">

這里x是屬性getter中定義的屬性。

  static get properties() {
    return {      
      x: {
        type: Number,
        value: 200
      },
}

這里，如果我使用chrome dev工具控制台動態設置x的值，就像myClass.x = '5'它工作正常，輸出就是。

<div  id="5">

其他html屬性也是如此

   <div  width="[[x]]">
   <div  height="[[x]]">

但現在考慮一個案例場景，我想動態給我的div一個margin屬性 ，就像我用id，width，height一樣，我怎么能在Polymer中做呢？

在角度我們可以做到這一點。

<div [style.marginTop.px]="marginTop">

讓我知道你的做法以polmer方式做事。

Answer 1

我明白了，可以通過做這樣的事情來實現。

<div style$="margin:{{ x }}px;">