AngularJS условно удаляет наведение CSS

#angularjs

#angularjs

Вопрос:

Есть ли способ удалить :hover из встроенного css в angular без удаления всего класса?

Как показано ниже, удаляет весь класс:

 ng-class="{'option-selected' : option.chosen}"
  

Но, скажем, option-selected было option-selected:hover

Есть ли способ удалить :hover встроенный в ng-класс?

Ответ №1:

Прикрепите указатель мыши к другому классу, который вы можете переключать.

Что-то вроде

 ng-class="{'option-selected': option.chosen, 'option-hover': option.hover }
  

Затем в вашем css при настройке наведения у вас будет

 .option-selected.option-hover:hover{
    ...
}
  

Таким образом, наведение будет работать только в том случае, если в нем задействованы оба класса.

Кроме того, нет никакого способа обойти наведение курсора из css, если вы не начнете заходить!важно везде.

Комментарии:

1. Или op может просто добавить идентификатор к определенному элементу и использовать #id:hover . Для переопределения можно использовать все, что имеет более конкретный селектор CSS.

2. Возможно, это вам не поможет, но знайте, что существует также эта директива docs.angularjs.org/api/ng/directive/ngMouseover