Как добавить класс при наведении на блок в angular.js?

Пользователь

от amber_moore , в категории: JavaScript , 7 месяцев назад

Как добавить класс при наведении на блок в angular.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от hattie , 7 месяцев назад

@amber_moore 

В AngularJS для добавления класса при наведении на блок можно использовать директиву ng-class, а также директиву ng-mouseover для обработки события наведения курсора мыши на блок. Например, следующий код добавляет класс "highlight" при наведении на блок:

1
Наведите курсор мыши на этот блок


Здесь мы используем объект в качестве аргумента ng-class, где свойство "highlight" имеет значение true, если переменная hovered равна true. При наведении курсора мыши на блок переменная hovered становится true, что приводит к добавлению класса "highlight". При уходе курсора мыши с блока переменная hovered снова становится false, что приводит к удалению класса "highlight".