html - 在标准标签上工作时，无法将 polymer 数据绑定(bind)到自定义 html 标签上工作

Question

我使用的是 polymer 1.3.1，但无法在名为:poly-main 的 polymer 元素中使用以下内容. <div>的正文应该是红色的，但不是。

<div  testcolor="[[colorLocalRed]]">
-->ERROR This must be RED because testcolor="[[colorLocalRed]]"
(expected "myred" and styles.css translates this to color="red")
</div>

在脚本标签的开头加上以下内容:

Polymer({
  is: 'poly-main',
  properties: {
    colorLocalRed: {
      type: String,
      value: "myred",
      notify: true
    },

以及 styles.css 中的以下内容:'

[testcolor="myred"] {
  color: red;
}

注意:以下工作正常: <div testcolor="myred"> some red text </div>

未使用自定义标签 testcolor但是直接使用样式或颜色不是一种选择，因为这个例子只是为了展示数据绑定(bind)到非标准 html 标签的问题

Answer 1

我想这就是你想要的:

<div  testcolor$="[[colorLocalRed]]">

将 $ 添加到属性名称将绑定(bind)到属性而不是 CSS 中无法寻址的属性。

有关详细信息，请参阅 https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#native-binding