angularJS改变背景颜色​​

Question

所以，我只需要类似this.style.backgroundColor = red; 我怎么写这个角？ $scope.style.backgroundColor没有工作，还有其他的选择吗？

编辑：

要澄清一些事情，我需要改变一个<td>元素的单击颜色。在JS中做起来很容易，但现在我需要在角度上动态地做到这一点。所以是的，我看不出ng-style如何帮助我？

Answer 1

由于您正在查看演示文稿更改，您可能希望在视图内进行更改，而不是在控制器内进行更改。

ng-style将允许您分配可以动态更改的angularjs类对象。

下面是从文档的例子：

<input type="button" value="set color" ng-click="myStyle={color:'red'}"> 
<input type="button" value="set background" ng-click="myStyle={'background-color':'blue'}"> 
<input type="button" value="clear" ng-click="myStyle={}"> 
<br/> 
<span ng-style="myStyle">Sample Text</span> 
<pre>myStyle={{myStyle}}</pre> 

编辑：

这里是你如何根据你的控制器内时函数调用可以有条件地应用NG风格：

<td ng-style="{ background-color: clicked ? 'red' : 'black' }">

而且，在你的控制器功能中：

var $scope.clicked = false; var ChangeColor = function($index){ $scope.clicked = true; }

还要注意的是，你可以有条件地应用预定义的样式类与纳克级，以及（see this related question for examples）。