我正在尝试根据数据库中的查询结果动态创建一些HTML。结果，我无法在Angular模板中准备好HTML来绑定属性。使用来自数据库中字符串的数据通过[innerHTML]添加HTML。给定Angular的AOT编译方法，数据库中的字符串不能包含要绑定的属性。
以下是我为解决此特定请求所做的尝试。
我想设置以下属性，从而一旦innerHTML呈现完毕，我就可以通过ID找到“ header”元素，并添加一个属性，该属性根据component.ts文件中的变量显示顶部边框。
但是，我仍然收到以下错误：
无法在“元素”上执行“ setAttribute”： “ [style.border-top-color]”不是有效的属性名称。
myChosenColour = "#007cbe"
...
document.getElementById('header').setAttribute('[style.border-top-color]', this.myChosenColour)
值得注意的是： 我需要方括号绑定到本地变量，因为屏幕上会出现一些可以输入新值的输入，因此颜色将会更改，并且需要动态更新。