javascript - Cliquez pour ajouter et supprimer des classes dans AngularJS

Question

$(".task-aot>p").on("click", function () {
$(this).addClass('active').siblings().removeClass("active")
});
L'effet de ce code peut-il être réalisé en Angular ?

Answer 1

S'il s'agit d'angularjs (officiellement appelé version angulaire 1.0x), il existe une directive ngClass qui peut contrôler si la valeur de la classe apparaît. L'utilisation spécifique est la suivante
<p ng-class {'selected' : isSelected, 'car' : isCar}">
</p>

Vous pouvez utiliser un ng-click pour contrôler une valeur, puis mapper cette valeur à la classe ng pour le contrôle

Answer 2

Faux, vous posez une question très courante en ng
Par exemple, le li dans ul est parcouru et chaque li a une valeur $index
Prenez une valeur telle que target, la valeur par défaut est -1,
Lorsque vous cliquez sur li , que la cible soit égale à la valeur d'index du li actuel,
Le jugement de style est grossièrement écrit comme ceci, css : { sélectionné : $index == target }