当我使用AngularJS单击其他元素时如何更改元素上的类？

Question

I'm new to AngularJS and I've been looking for a basic example, where when I click a link, a class is added/removed from another element elsewhere on the page?

Any help would be greatly appreciated as I would really like to get my head around AngularJS basics.

Thanks

Answer 1

Here's an example that will work within the same controller, and makes use of ng-click , ng-class and a scope variable classOn (generated inline):

 .on { color: green; } 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app> <a ng-click="classOn = !classOn">Click me</a> <p ng-class="{on: classOn}">I'm being toggled</p> </div>