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

【问题标题】：How to add conditional case sensitive attribute in Angular 2?如何在 Angular 2 中添加条件区分大小写的属性？
【发布时间】：2019-03-11 08:46:53
【问题描述】：

我想动态添加 'tourAnchor' 属性，我在下面添加。

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

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

<div touranchor="like">

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

【问题讨论】：

标签： angular dynamic-attributes

【解决方案1】：

Html 不区分大小写，标签和属性被认为是小写检查 this ，当我遇到这个问题时，我使用数据属性来保存密钥和另一个用于密钥

也许这对你有用

模板

<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 ??

【讨论】：