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

Question

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

<div [attr.tourAnchor]=" feedbackIndex == 0 ? 'like' : null">

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

<div touranchor="like">

你能帮我把'tourAnchor'保留为骆驼案吗？

Answer 1

Html不区分大小写，标签和属性被认为是小写检查这个，当我遇到这个问题时，我使用 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 演示