将范围属性绑定到CSS属性的不同方法？

Question

我正在使用 Visual Studio代码（1.12.2）来处理使用Angular的基于HTML的项目。 vscode将以下行标记为语法上不正确，即使从Angular的角度来看它是绝对有效的（如果我错了，请纠正我）：

<div class="meeting-header" style="background: {{ meeting.color }}">

我知道{和}在此上下文中不是有效字符。不过，这让我想知道是否有更好的方法将Angular中的某些属性绑定到CSS属性。

所以实际问题是

Angular中有另一种方法可以将范围内的属性绑定到CSS属性吗？

Answer 1

是的，请改用ng-style，如下所示：

<div class="meeting-header" ng-style="{background: meeting.color}">

详细了解in the documentation

Answer 2

为什么不使用ng-class并在.css文件中分离所有那些整洁的样式？

REF：

AngularJs 2+

AngularJs <2