javascript - 根据范围变量应用 css 样式

Question

我正在尝试根据范围变量设置一个 css 属性。

基本上，是这样的:

 <div ng-style="background: filters.area ? #f39c12 : #424242">

或者它应该更像:

<div ng-style="filters.area ? 'background:#f39c12' : 'background:#424242'">

甚至:

<div ng-style="{{filters.area ? 'background:#424242' : 'background:#ff0000'}}">

但是以上都不行

Answer 1

background 值将由三元运算符设置 & 同时使用 { & } 而不是 {{}} 插值。

基本上 ng-style 指令要求 JSON & 在内部它使用 element.css(JSON)

<div ng-style="{'background' : filters.area ? '#424242' : '#ff0000'}">