Динамическое изменение цвета кнопок с помощью угловых js

Question

Динамическое изменение цвета кнопок с помощью угловых js

0

У меня две кнопки, которые имеют зеленый и красный цвет. Я хочу изменить цвет кнопки. Предположим, если я нажму на кнопку зеленого цвета с красным цветом, чтобы перейти на серый. Аналогично, когда я нажимаю кнопку зеленого цвета, кнопка красного цвета меняет серый цвет. Как я могу достичь в угловых js?

user3335796 26 июнь 2015, в 12:29

Источник

Теги:

angularjs

1 ответ

Ещё вопросы

User2 · Accepted Answer · 2015-06-26T12-58-00.000Z

Пожалуйста, проверьте рабочий пример: http://plnkr.co/edit/DHQr4AMhBkQsgG4GwrB4?p=preview

контроллер

var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
  $scope.click = '';
});

HTML

<button ng-click="click = 'red'" ng-class="{'red': click == 'red' || click == '', 'grey': click == 'green'}"> RED</button>
<button  ng-click="click = 'green'" ng-class="{'green': click == 'green' || click == '', 'grey': click == 'red'}">GREEN</button>

CSS

.grey {
  background-color :#808080;
}

.red {
  background-color :#FF0000;
}
.green {
  background-color :#008000;
}

Огромное спасибо. Это мой третий день чтения угловых JS. Этот пример мне очень поможет.