javascript - クリックして angularJs のクラスを追加および削除します

Question

$(".task-aot>p").on("click", function () {
$(this).addClass('active').siblings().removeClass("active")
});
このコードの効果は Angular で実現できますか?

Answer 1

angularjs (正式には angular1.0x バージョンと呼ばれます) の場合、クラス値を表示するかどうかを制御できる ngClass ディレクティブがあります。具体的な使い方は以下の通りです
<p ng-class {'selected': isSelected, 'car': isCar}">
</p>

ng-click を使用して値を制御し、この値を ng-class にマッピングして制御できます

Answer 2

間違っています。ng で非常に一般的な質問をしています
たとえば、ul の li がトラバースされ、各 li には $index 値があります
target などの値を取得します。デフォルトは -1 です。
li をクリックすると、 , target を現在の li のインデックス値と等しくします,
スタイル判定は大まかに次のように書きます, css: { selected: $index == target }