javascript - AngleJs에서 클래스를 추가하고 삭제하려면 클릭하세요.

Question

$(".task-aot>p").on("클릭", function () {
$(this).addClass('active').siblings().removeClass("active")
});
이 코드의 효과를 Angular에서 구현할 수 있나요?

Answer 1

Angularjs(공식적으로는 Angle1.0x 버전이라고 함)라면 클래스 값이 나타날지 여부를 제어할 수 있는 ngClass 지시문이 있습니다. 구체적인 사용법은 다음과 같습니다
<p ng-class {'selected': isSelected, 'car': isCar}">
</p>

ng-click을 사용하여 값을 제어한 다음 이 값을 ng-class에 매핑하여 제어할 수 있습니다

Answer 2

틀렸습니다. ng에서 매우 일반적인 질문을 하십니다
예를 들어 ul의 li를 순회하고 각 li에는 $index 값이 있습니다.
target과 같은 값을 가져오면 기본값은 -1입니다.
li를 클릭하면 , 대상을 현재 li의 인덱스 값과 같게 하고,
스타일 판단은 대략 다음과 같이 작성됩니다. css: { selected: $index == target }