Добавление классов на основе различных условий с помощью data-ng-class

Question

Добавление классов на основе различных условий с помощью data-ng-class

0

У меня есть следующий код в Angular.js, в котором я пытаюсь переключить 2 класса на основе условий переключения из переменной - togglequadkey.

<span class="quad-icon" data-ng-class="'quad-icon':!togglequadkey, 'teeth-icon':togglequadkey"></span>

Я как-то всегда получаю первый класс только для диапазона с консольными ошибками в приведенной выше строке. Может кто-нибудь помочь?

Я также добавляю код для его функции:

$scope.togglequadkey = false;
$scope.togglequad = function() {
    $scope.togglequadkey = $scope.togglequadkey === false ? true : false; 
};

Deadpool 23 сен. 2015, в 15:20

Источник

3

FYI $scope.togglequadkey = $scope.togglequadkey === false ? true : false; совпадает с $scope.togglequadkey = !$scope.togglequadkey;
Curt 23 сен. 2015, в 12:49

Теги:

javascript

jquery

angularjs

2 ответа

1

Если вы используете угловой v.1.1. 4+, вы можете использовать трехмерный оператор, который позволяет использовать сокращенное обозначение двух разных классов: одно, если выражение истинно, а другое - для false.

data-ng-class="togglequadkey ? 'teeth-icon': 'quad-icon'"

Andrii Iushchuk 23 сен. 2015, в 13:52

Ещё вопросы

FYI $scope.togglequadkey = $scope.togglequadkey === false ? true : false; совпадает с $scope.togglequadkey = !$scope.togglequadkey;

charlietfl · Accepted Answer · 2015-09-23T11-28-00.000Z

Вы пытаетесь использовать синтаксис объекта без переноса объекта в {}

пытаться:

data-ng-class="{'quad-icon':!togglequadkey, 'teeth-icon':togglequadkey}"