問題タブ [ng-messages]

検証メッセージのテンプレートを定義しました。

そして、ここに私のフォームがあります：

次のように、コントローラーの検証メッセージにアクセスしたいと思います。

出来ますか ？

angular アプリケーションにフォームがあり、html コードは次のとおりですが、入力フィールドが空白であっても formName.$valid は常に true です。

誰かがこれで私を助けてくれますか?

これが私のフォームです

私は奇妙な振る舞いをしています。フォームが読み込まれると、ページのみが読み込まれ、何も触れられていない場合、「これが必要です」というエラーが表示されます。私が何かを入力するとき、メッセージは消えることはありません。

ここで何が間違っているのかわかりません。どうすれば解決できるか教えてください。

別の要素内にネストされた入力フィールドがあり、その入力フィールド内で<div>ngMessages を使用しようとしていますが、正しく検証できないようです。

タグが機能的に重要かどうかはわかりません<div ng-messages...>が、この要素の外側に完全に配置しようとしても同じ結果が得られました。Angular と ngMessages を正しく理解していればng-messages、ディレクティブ$error(この場合)に割り当てる必要がありnameます。私の知る限り、私はこれを で行いidnumber.$errorましたが、公平を期すために、 を使用してより広範なドット ウォークも試みましたkiosk-form.uin.$error。ここで、kiosk-formはフォーム全体の名前です。

ng-message="pattern"と同様に両方を試しましたng-message="required"。また、わかりやすくするためidpatternに、Javascript ファイルで正規表現文字列として定義されています。正しく定義されています。

ng-messages と ui-mask を使用すると、厄介な問題が発生します。最初にフィールドをチェックすると、本来のメッセージが表示されますが、問題を修正して別の間違ったパターンに変更すると、フィールドが無効であることが示されますが、表示されません。メッセージ。

シナリオを明確にするために：

1- 電話入力フィールドを空白のままにしておく 2- 予期されるメッセージが表示される + フィールドが赤のままになる (form.error がオン) 送信が許可されない 3- 入力フィールドを有効な形式に変更する 4- メッセージ+ エラーが消えます 5- 入力フィールドを再び空白に変更します 6- フィールドを赤のままにします (form.error がオンになっています) が、メッセージは表示されません

私は最新バージョンの ui-mask を使用しており、ng-message は angular-material (v1.0.9^) 内に含まれています。

何かご意見は？

編集:さらに調査したところ、ui-mask とは何の関係もないことがわかりました。これは ng-messages のみの問題のようです。myForm.name.$error は「必須」としてトリガーされていますが、div:

表示されません。

ng-message追加のファイルで定義する場合、ぼかしで表示するように定義する方法はありますか?

たとえば、次の追加ng-messagesのエラー ファイルを定義します。

私がやりたいのはng-message、次のようなぼかしのみを表示することです:

使用するng-showには、フォーム、入力、およびイベント名が必要です。追加のエラーファイルで何とかモックできますか? たとえば、Windows を使用する場合のように、プレースホルダーを使用する場合:$DIR$またはそのようなものはありますか?