Я пытаюсь динамически создать HTML-код на основе результатов запроса из моей базы данных.В результате я не могу иметь готовый HTML-код в шаблоне Angular для привязки атрибутов.HTML добавляется через [innerHTML] с использованием данных из строки в базе данных.Учитывая метод компиляции AOT Angular, строка в базе данных не может включать атрибут для привязки.
Это моя попытка разрешить этот конкретный запрос.
Я хотел бы установить следующий атрибут, в результате которого после того, как innerHTML отобразит, я могу найти элемент 'header' по идентификаторуи добавьте атрибут, который отображает верхнюю границу на основе переменной в файле component.ts.
Однако я продолжаю получать следующую ошибку:
Не удалось выполнить 'setAttribute'для элемента: «[style.border-top-color]» не является допустимым именем атрибута.
myChosenColour = "#007cbe"
...
document.getElementById('header').setAttribute('[style.border-top-color]', this.myChosenColour)
Стоит отметить: Мне нужны квадратные скобки для привязки к локальной переменной, так как на экране будут вводы, в которые можно вводить новые значения, и, следовательно, цвет будет изменен и потребуется динамическое обновление.