如何在Angular 2中添加条件区分大小写的属性？

Question

我要动态添加“ tourAnchor”属性，为此我在下面添加。

  

div [attr.tourAnchor] =“ feedbackIndex == 0？'like'：null”>

但是，该属性已被替换为不区分大小写，并且在条件检查后，该属性被转换为

  

div touranchor ='喜欢'

您能帮我保留“ tourAnchor”骆驼皮吗？

Answer 1

HTML 不区分大小写，并且标记和属性被视为小写检查this， 遇到此问题时，我使用data属性保存密钥，另一个用于密钥

也许这对您有用

模板

<p [attr.data-key]="'tourAnchor'" [attr.data-value]="'like'"  >
  tourAnchor - like
</p>

<p [attr.data-key]="'tourAnchor'" [attr.data-value]="'dislike'"  >
  tourAnchor - like
</p>

样式

p[data-key="tourAnchor"][data-value="like"] {
  color:blue
}


p[data-key="tourAnchor"][data-value="dislike"] {
  color:red
}

stackblitz demo