如何使用ng-click切换类名

时间:2014-08-03 21:53:00

标签: javascript html angularjs angularjs-ng-click

我希望.clickClass上的每次点击都会影响.foo课程上的切换.present -

意思是 -

init - present

首先点击present foo

第二次点击present

依旧......

到目前为止,我有 -

<div class="clickClass" ng-click="className= 'foo'"></div>
<div class="present {{className}}"></div>

http://jsfiddle.net/urielz/qQdn7/1/

如何获得?

更新:

以下是示例作品 - http://plnkr.co/edit/0lu6x8uP7nVcTTYaNj4o?p=preview

1 个答案:

答案 0 :(得分:1)

试试这个:

<div class="clickClass" ng-click="classToggle = !classToggle"></div>
<div class="present" ng-class="{'foo': classToggle}"></div>

有关详细信息,请参阅ng-class上的文档。