Ng-Style条件变量更改未显示在html

Question

所以我使用带有条件参数的ng-style，并在页面加载时执行条件更改。

但是当我在运行时对条件运算符进行一些更改时，在控制器端，条件参数不会反映在html端。

我尝试使用$scope.$apply()和$scope.reload()，但未提供所需的结果。

<div ng-style="({{firstClick}})? 
     {'background-color':'blue'} :
     {'background-color':'red'}">

JSFiddle

Answer 1

使用

<div ng-style = "firstClick == true ?
     {'background-color':'blue'}: 
     {'background-color':'red'}">

代替

JSfiddle

Answer 2

将代码更改为：

<div ng-style="'background-color':(firstClick?'blue':'red')">

Answer 3

更改

<div ng-controller="myController"
     ng-style="firstClick === true? 
     {'background-color':'blue'} :
     {'background-color':'red'}">

它在工作。