Изменить стиль кнопки с угловыми

Question

У меня есть 3 кнопки, и я хочу изменить ее стиль, когда была нажата кнопка. Я не знаю, имеет ли угловое значение свою собственную функцию, например, ng-class, ng-click или подобное, но я не могу заставить его работать.

<button class="btn1" ng-click="function1"></button> 
<button class="btn2" ng-click="function2"></button> 
<button class="btn3" ng-click="function3"></button> 

можно позвонить другому классу css от js (в функции)? Благодарю.

Answer 1

Попробуйте для начала

<button 
    class="btn_theme btn1" 
    ng-class="{'clicked':clicker}" 
    type="submit" ng-click="select1()">Hello</button> 

с этим в контроллере

$scope.select1 = function() { 
    $scope.clicker = !$scope.clicker 
    } 

См http://plnkr.co/edit/zKsYoD3coPlZRHQkRQO1?p=preview

Answer 2

Вы можете добавить класс динамически на нг щелчку.

<li ng-class="{'xyzclass':addClass}" ng-click="addClass = TRUE"><a href="#users" >Users</a></li> 

Answer 3

Внутри определения функции можно установить некоторые переменный на объеме, который можно затем использовать в качестве ng-class директивы.

Пример

Где-то в контроллере:

$scope.function1 = function() { 
    $scope.clickedButton1 = true; 
} 

В шаблоне:

<button 
    class="btn1" 
    ng-class="{'button1Clicked': clickedButton1}" 
    ng-click="function1()">Button1</button>