angular.js - 入力ボックス、境界線がエラーで変更されますか?

Question

1.入力ボックスに入力した内容が統一されていない状態でフォームを送信すると、入力ボックスにエラーが表示され、再入力すると入力の外側のp枠が赤くなります。ボックス、最初 最初の入力文字から、外側の p 境界線の色が通常の色に変わります。

以下はコードです

リーリー

js に form_item_error クラスを追加すると、入力ボックスの外側の p 境界線が赤になります。このクラスを削除すると、外側の p 境界線が通常になります。

リーリー

効果
エラー

エラーの場合は、内容を入力すると枠線が元に戻ります

アドバイスをお願いします、ありがとうございます

Answer 1

コードを jsFiddle に配置し、要件を満たすためにいくつかの変更を加えました。効果が見られない場合は、壁を乗り越える必要があります。デモは次のとおりです。自分でプレビューすることができ、フォームが不完全な場合に送信ボタンを追加するのにも役立ちます。
デモ

Answer 2

外部パッケージの p に ng-class を配置し、対応するスタイルを wanning と error に追加します