html - HTML 属性名称中的美元符号

Question

我在查看一些 Polymer 代码 ( link ) 时偶然发现了一些新东西:html 属性名称中的美元符号 $，例如

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

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

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

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

感谢您的宝贵时间!

Answer 1

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

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

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