Можно ли передать атрибут html в ngClass?

Question

Я использую Ionic, и у меня есть путь svg, который выглядит следующим образом в файле myComponent.html:

 <path id="US" (click)="countryNameDetails($event)" title="United States" [ngClass]="{'BEEN' : array.indexOf('United States') !== -1, 'NOTBEEN' : array.indexOf('United States) === -1 }".../>

путь изменяет классы CSS в зависимости от того, есть слово в моем массиве или нет. Это слово в основном совпадает с названием для каждого пути, и я не хочу продолжать писать название заголовка. В любом случае я могу передать атрибут title в пути в моем ngClass ... Я перепробовал все, что мог придумать!

Спасибо!

Answer 1

Вы можете добавить переменную ссылки на шаблон в свой путь svg и получить доступ к атрибуту title.

<path
  title="United States"
  [ngClass]="{'BEEN': array.indexOf(path.title) !== -1, 'NOTBEEN': array.indexOf(path.title) === -1 }"
  #path
/>

Я бы предпочел следующий синтаксис:

<path
  title="United States"
  [ngClass]="array.includes(path.title) ? 'been' : 'not-been'"
  #path
/>