angular.js - angularjs ng-class ディレクティブは、ng-click によってクリックされたクラス属性を変更し、失敗します

Question

フロントエンド:

リーリー

js:

リーリー

CSS:

リーリー

クリック後、hover 属性は p に追加されません。p をクリックすると、p に hover 属性が追加されるということです。angularjs を学習したばかりなので、どこで間違えたのかわかりません。答えてください

Answer 1

コードを jsFiddle に配置し、要件を満たすためにいくつかの変更を加えました。効果が見られない場合は、壁を飛び越える必要があります。
デモ、

Answer 2

ngクラスで選択されているものをホバーに置き換えます
ドキュメントをよく読んでください