問題タブ [ng-messages]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
614 参照

javascript - ng-message が再入力パスワードの検証で機能しない AngularJS

以下は私のコードで、パスワードに対しては正常に機能していますが、どういうわけかパスワードの再入力の検証が機能していません。ここで私が間違っていることを教えてください。

DOCSでは、式を使用できると述べていましたが、どういうわけか検証されていません。

0 投票する
1 に答える
958 参照

javascript - angular jsで一度に1つのエラーメッセージを表示する

私はイオン角度に取り組んでいます。User Profile入力フィールドがFirst NameLast Name、などCell Phoneであるページで検証を実行したい。Password

私が達成したいのは、最後のフィールドの下部に一度に 1 つのエラー メッセージを表示することです。使用するng-messagesと、フィールドごとに個別のメッセージが表示されますが、最初のエラーメッセージのみを表示したいです。

以下は私のhtmlコードです

どうすればいいですか?あなたの助けが必要です。

ありがとうございました。

0 投票する
1 に答える
1464 参照

javascript - ng-message-exp ディレクティブで ng-repeat を使用すると、Angular-Material ngMessage が機能しない

angular-materialを使用してワークフォームの検証を試みています。このフォームは、コントローラーの json からのエラー メッセージに ng-messages を使用しています。私の見解は次のようになります:

コードは ng-repeat ディレクティブがなくても機能しますが、ng-repeat で壊れる理由がわかりません。

このコードペンの例: http://codepen.io/anon/pen/VeGBRm

0 投票する
1 に答える
4768 参照

angularjs - ng-pattern パスワードの一致

こんにちは、登録フォームを作成しています。ユーザーが入力したパスワードが一致するかどうか、angular を使用して確認したいと思います。すべての検証が機能します (必須、最小および最大長) が、パスワードが一致しないというエラーが常に発生します。

私のコードは次のとおりです

問題はng-pattern="/^{{password_1}}$/"にあるのではないかと考えていますが、それをデバッグする方法がわからないので、ng-parent の値を確認できます。

どんな助けでも大歓迎です!アンドレアス。

0 投票する
1 に答える
2635 参照

angularjs - 他のフィールドによってトリガーされる AngularJS フォームの検証

angularjs アプリケーションがあり、カスタム ビジネス ルールでフォームの検証を行う必要があります。問題は、特定の入力フィールドの検証ルールが他のフィールドに依存しており、実際のモデル値が変更されたとき以外に検証をトリガーする方法がわからないことです。

ケースは、従業員の動的リストであり、それぞれに入力する時間の動的リストがあります。ルールの 1 つは、これらの時間が重複してはならないということです。つまり、ある値が変更されたために別の値が無効になる可能性があり、その逆も同様です。また、フィールドごとにエラー メッセージを表示する必要があります。

フォームのコンテンツは、ネストされたリピーターのいくつかのレイヤーを持つデータモデルから生成されます。さまざまな検証ルールを含むカスタム ディレクティブを作成しました。そのフィールドが変更されたときに適切にトリガーされます。私は ngMessages を使用して、違反しているビジネス ルールに基づいて適切なエラー メッセージを表示しています。

問題は、特定の 1 つのフィールドが変更されたときに、他のすべてのフィールドで検証をトリガーするにはどうすればよいかということです。ある従業員の値は他の従業員の検証に影響を与えないため、値が変更されている従業員のすべてのフィールドの検証をトリガーすることをお勧めします。

ここのフィドルには、私の場合の単純化されたバージョンがあり、「重複」ルールは 2 つの数値が同じかどうかをチェックするだけです。

html:

検証ディレクティブ:

ここでフィドル: http://jsfiddle.net/maxrawhawk/dvpjdjbv/

0 投票する
1 に答える
213 参照

angularjs - Angular ngMessage テンプレートを含める方法

私はかなり大きなフォームを持っていて、見ていましたngMessages。私はこれを実装したかった:

ファクトリメソッドを作成しますか? 多くの異なるコントローラーで使用できますか?プロジェクトには多くのフォームがあるのでしょうか?それが正しい方法である場合、これを工場に含める方法がわかりません。これが正しいかどうか、私が考えていたことです。

0 投票する
0 に答える
126 参照

javascript - ngMessage を使用したカスタム ディレクティブが機能しない

** 更新 : **
ここに私の問題を示す plnkr があります。
https://plnkr.co/edit/3U7MHlJw0gcEdwT4e64r?p=preview
何か間違ったことをしていると確信しています。


ラベル、入力、および ng-messages を含む再利用可能な要素ディレクティブを構築しています。属性のデータはすべて、$http サービスを使用して取得した Json オブジェクトに格納されます。

最後に、ラベル、入力属性、および ng-model で機能する動的データを取得しました。ng-messages、ng-messages-include は機能していますが...

ng-messages-exp で動作させることができません。

これを説明するのに役立つと思われるコードを次に示します。


JSON:


サービス:


Html ディレクティブ要素:

--- ticketData は作成したフォームデータです


指令コード:


ディレクティブで使用されるテンプレート: (バックエンドとして Laravel を使用しているため、 {{ }} を <% %> に置き換えました)


これは ng-messages-include で使用されるテンプレートです

これは動作を停止する場所です。ng-repeat は要素を生成していますが、ng-message-exp は私が試したものでは動作しません。

誰にもこれに対する解決策はありますか?? 私は何を間違っていますか?

どうもありがとう