美元符号HTML属性名称

Question

我正在查看一些聚合物代码（link）并偶然发现了一些新内容：html属性名称中的美元符号$，例如。

Directory: C:\Users\Ghost\Pictures\Wallpaper
Filename:  0020.jpg      f93df400b2ca81f10a783efaaaa15dc0
Filename:  2215.jpg      6d615abb988407790f84813935cd30c4
Filename:  55845.jpg     552ee02489464cbc4275c4c8c3b0b6dc
Filename:  anon.jpg      7f010718dca450358704027ef6795cae
Filename:  Eyes_HD.jpg   d757c27c29aa9d0fc20fd4de3ff2115f
Filename:  gow.jpg       62f85bab1e15431a3220558c26770f09
Filename:  kk.png        b72aa5609f8dbde778e106a9c5057e23
Filename:  scanEQ.txt    93fedeb3f78a79aa81b76a2e5d58d08d
Filename:  scanEQQ.txt   4d7c1e81a60a43beb682a9840d74a93b
Filename:  scooby.jpg    ec3f07d0cd4e6041a3fed6da097abeab
Filename:  skull.jpg     79df1ae5c8e66b7a3836f2df7939e53e
Filename:  sniper.jpg    9b0571e08b0621107636216ec22fe710

此外，还使用了CSS选择器：

<div class="item" wide-layout$="{{wide}}">

如何在元素属性中解释$符号？

感谢您的时间！

Answer 1

在元素上使用$将属性绑定到属性。您可以阅读更多here。

您的方案中的

wide可能是元素上的Boolean属性。

当wide = true时，wide-layout DOM属性将添加到元素中，以便通过CSS定位。

Answer 2

美元符号告诉Polymer，某些代码会更改属性，可能是class或Polymer元素上的任何特定属性。

代码可以是函数或简单变量。

Example:

<shopping-cart class$="[[colorDependingOnItem(onSale, typeOfBrand)]] row-element">

因此，根据colorDependingOnItem和onSale这两个属性返回的方法typeOfBrand，该类现在可以动态更改。