Изменить стиль кнопки с помощью angularjs

Question

Изменить стиль кнопки с помощью angularjs

0

У меня есть 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 (в функции)? Благодарю.

Oscar LT 23 сен. 2015, в 10:31

Источник

Теги:

javascript

angularjs

css

button

3 ответа

1

Динамический динамический класс можно добавить в ng-click.

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

brute_force 23 сен. 2015, в 06:35

0

как? Мне нужно использовать функцию, возможна ли функция + добавить CSS в тот же вызов?
Oscar LT 23 сен. 2015, в 08:12

0

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

пример

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

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

В вашем шаблоне:

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

muenchdo 23 сен. 2015, в 05:24

Ещё вопросы

как? Мне нужно использовать функцию, возможна ли функция + добавить CSS в тот же вызов?

Simon H · Accepted Answer · 2015-09-23T05-23-00.000Z

Попробуйте это для начинающих

<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

Если вы настроите PLNKR, я могу помочь подключить все