javascript - 将范围属性绑定(bind)到 CSS 属性的不同方法?

标签 javascript css angularjs

我正在为一个使用 Angular 的基于 HTML 的元素使用 Visual Studio Code (1.12.2)。 vscode 将以下行标记为语法错误,即使从 Angular 的 Angular 来看它是绝对有效的(如果我错了请纠正我):

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

enter image description here

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

所以实际的问题是

在 Angular 中是否有另一种方法可以将作用域中的属性绑定(bind)到 CSS 属性?

最佳答案

是的,改用ng-style,像这样:

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

阅读更多相关信息 in the documentation

关于javascript - 将范围属性绑定(bind)到 CSS 属性的不同方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44125053/

相关文章:

javascript - @Input() 问题

javascript - 无法在超链接的 div 中单击 img

angularjs - UI-Router 不会从 URL 正确状态

javascript - AngularJS - ng-grid - 日期列问题

javascript - Image Fader 的多个副本

javascript - 如何直接从Notepad++执行文件

javascript - 使用数组调用 AngularJS 函数

javascript - 变换:比例(n); - mousein 与 mouseout 不同

JavaScript - 在 Canvas 上绘图时鼠标位置错误

javascript - Angular JS 深层链接和浏览器刷新