聚合物数据绑定属性无需$ - 副作用?

时间:2017-02-26 01:55:11

标签: polymer polymer-1.0

From Polymer's Anatomy of a data binding

  

要绑定到属性,请使用属性形式的属性名称(dash-case not camelCase),如属性名称属性名称映射中所述:

     

<my-element my-property="{{hostProperty}}">

     

要绑定到属性,请使用属性名称后跟$:

     

<a href$="{{hostProperty}}">

但在我的代码中,<div style="background-image: [[getImage(index)]]" class="image-show"></div>在没有$的情况下完美运行。

为什么style是属性而不是属性(style构造函数中没有定义Polymer({})属性)。我是否正在解决副作用?

1 个答案:

答案 0 :(得分:1)

Style是标准的HTML属性。绑定到样式的聚合方法是使用

<div style$="[[myStyle]]">

您正在做的是使用带有数据绑定到样式属性的标准样式标记。

在您关联的页面上,向下滚动到标记为不支持属性绑定的原生属性的部分,您将看到必须使用的其他属性$=用。