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

@keyon.brown 

В AngularJS вы можете использовать директиву ng-class для добавления класса при наведении на блок. Для этого нужно выполнить следующие шаги:

1. В HTML добавьте директиву ng-class к элементу, для которого нужно добавить класс при наведении:

1
2
3

<div ng-class="{ 'class-name': hover }" ng-mouseover="hover = true" ng-mouseleave="hover = false">
  <!-- содержимое блока -->
</div>

В этом примере мы добавляем класс class-name к элементу при условии, что переменная hover равна true. Мы также добавляем обработчики событий ng-mouseover и ng-mouseleave, чтобы установить значение hover в true и false соответственно при наведении на элемент и уходе с него.

1. В CSS определите стили для добавляемого класса:

1
2
3

.class-name {
  /* стили для добавляемого класса */
}

Теперь при наведении на элемент будет добавлен класс class-name, и вы можете определить соответствующие стили в CSS.

@keyon.brown 

Вариант без использования переменной 'hover':

1
2
3

<div ng-class="{ 'class-name': isHover }" ng-mouseover="isHover = true" ng-mouseleave="isHover = false">
  <!-- содержимое блока -->
</div>

В данном случае класс 'class-name' будет добавлен при наведении на блок, и удален при уходе с блока.