如何在ng-click上编写多个css

Question

我想在点击按钮

时需要进行多次css更改

代表：ng-click="myStyle={'background-color':'black'}; myStyle={color:'blue'}"

Answer 1

我认为你必须做类似的事情。

<span ng-click="elemStyle={'background-color': '#000', 'color': blue}" 
      ng-style="elemStyle">some text</span>

Answer 2

更可取的（为了您自己）根据需要为元素分配不同的类，而不仅仅是普通的CSS。

请参阅AngularJS ng-class指令以了解该功能。

在此示例中，元素将在单击时在foo和bar类之间切换：

<div 
     data-ng-click="toggleClass = !toggleClass" 
     data-ng-class="{foo: toggleClass, bar: !toggleClass}">
</div>

http://jsfiddle.net/hpeinar/oLak27xx/