美元符号 HTML 属性名称

Question

我正在查看一些 Polymer 代码（链接）并偶然发现了一些新东西：html 属性名称中的美元符号 $ 例如

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

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

.item[wide-layout] .title { ... }

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

感谢您的时间！

Answer 1

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

wide在您的场景中可能是Boolean元素上的一个属性。

当 时wide = true，一个wide-layoutDOM 属性将被添加到元素中，以便它可以通过 CSS 定位。