Polymer 0.8：HTML标记复杂属性

Question

据我所知，在较新的Polymer版本0.8中，应在$符号后跟随标签内部属性的绑定。它的工作原理如下：

<tag attribute$="{{DATA}}">

e.g。这很有用：

href$="{{url}}"

但是当属性变得更复杂时，它不起作用，例如在我的代码示例中：

<a style$="background-image: url({{backgroundimage}});">

是一个String数据属性。

是否支持0.8，就像它在0.5？

Answer 1

0.8目前不支持这样的复杂绑定。相反，您可能想要创建a computed property并使用它。

顺便说一下，如果你需要使用一个在元素上没有相应属性的属性，你只需要使用$={{ }}语法。由于HTMLAnchorElement（<a>标记）具有href属性，在这种情况下您不必使用美元符号，您只需使用href={{url}}创建常规绑定。

换句话说：

  

href =“{{site}}”表示“将this.site绑定到element.href”   href $ =“{{site}}”表示“将this.site绑定到element.attributes.href.value”

在处理隐藏或禁用等布尔属性时，通常只需要$语法。或者，如果元素在JavaScript中没有相应的属性。