Как добавить условный регистрозависимый атрибут в Angular 2? - PullRequest
Новая
       44

Как добавить условный регистрозависимый атрибут в Angular 2?

1 голос
/ 11 марта 2019

Я хочу динамически добавить атрибут 'tourAnchor', для которого добавляю строку ниже.

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

Но атрибут заменяется на регистр без учета регистра, а при проверке состояния он конвертируется как

div touranchor = 'like'

Не могли бы вы помочь мне сохранить 'tourAnchor' для случая верблюда?

1 Ответ

0 голосов
/ 11 марта 2019

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

...