Итак, я работаю над приложением, которое использует пакет angular -calendar для отображения календарей, но, похоже, встречается странное поведение, в котором я не вижу, что я делаю неправильно.
Я в основном пытаюсь добавить несколько атрибутов для элемента (представленных меткой в приведенном ниже коде), но, похоже, ни один из них не работает, кроме href.
Это мой код
eAction = {
label: `<a id='subscribe' style='margin: 10px;' href='${"/heroes/"}${hero.id}'>See hero</a>`,
a11yLabel: "...",
onClick: ...
}
Другие вещи, которые я пробовал:
Только с атрибутом id нет, атрибут не отображается в html.
Переключение положений атрибутов, кажется, не влияет на него.
Переключение "для" также не помогает: <a id=${"Hello"} href='test'>Hello</a> все еще отображается в сгенерированном HTML as <a href="test">Hello</a>. То же самое для <a id="Hello" href='test'>Hello</a> и <a id='Hello' href='test'>Hello</a>
Демонстрация на stackblitz, где вы можете попробовать это сами (строки 67 или 70 в component.ts).
РЕДАКТИРОВАТЬ
Я заметил предупреждение в консоли, относящееся к этому точному разделу.
Так что, возможно, это связано с XSS . В любом случае мой вопрос остается прежним: как мне это исправить?