問題タブ [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.
javascript - ng-message が再入力パスワードの検証で機能しない AngularJS
以下は私のコードで、パスワードに対しては正常に機能していますが、どういうわけかパスワードの再入力の検証が機能していません。ここで私が間違っていることを教えてください。
DOCSでは、式を使用できると述べていましたが、どういうわけか検証されていません。
javascript - angular jsで一度に1つのエラーメッセージを表示する
私はイオン角度に取り組んでいます。User Profile
入力フィールドがFirst Name
、Last Name
、などCell Phone
であるページで検証を実行したい。Password
私が達成したいのは、最後のフィールドの下部に一度に 1 つのエラー メッセージを表示することです。使用するng-messages
と、フィールドごとに個別のメッセージが表示されますが、最初のエラーメッセージのみを表示したいです。
以下は私のhtmlコードです
どうすればいいですか?あなたの助けが必要です。
ありがとうございました。
javascript - ng-message-exp ディレクティブで ng-repeat を使用すると、Angular-Material ngMessage が機能しない
angular-materialを使用してワークフォームの検証を試みています。このフォームは、コントローラーの json からのエラー メッセージに ng-messages を使用しています。私の見解は次のようになります:
コードは ng-repeat ディレクティブがなくても機能しますが、ng-repeat で壊れる理由がわかりません。
このコードペンの例: http://codepen.io/anon/pen/VeGBRm
angularjs - ng-pattern パスワードの一致
こんにちは、登録フォームを作成しています。ユーザーが入力したパスワードが一致するかどうか、angular を使用して確認したいと思います。すべての検証が機能します (必須、最小および最大長) が、パスワードが一致しないというエラーが常に発生します。
私のコードは次のとおりです
問題はng-pattern="/^{{password_1}}$/"にあるのではないかと考えていますが、それをデバッグする方法がわからないので、ng-parent の値を確認できます。
どんな助けでも大歓迎です!アンドレアス。
angularjs - 他のフィールドによってトリガーされる AngularJS フォームの検証
angularjs アプリケーションがあり、カスタム ビジネス ルールでフォームの検証を行う必要があります。問題は、特定の入力フィールドの検証ルールが他のフィールドに依存しており、実際のモデル値が変更されたとき以外に検証をトリガーする方法がわからないことです。
ケースは、従業員の動的リストであり、それぞれに入力する時間の動的リストがあります。ルールの 1 つは、これらの時間が重複してはならないということです。つまり、ある値が変更されたために別の値が無効になる可能性があり、その逆も同様です。また、フィールドごとにエラー メッセージを表示する必要があります。
フォームのコンテンツは、ネストされたリピーターのいくつかのレイヤーを持つデータモデルから生成されます。さまざまな検証ルールを含むカスタム ディレクティブを作成しました。そのフィールドが変更されたときに適切にトリガーされます。私は ngMessages を使用して、違反しているビジネス ルールに基づいて適切なエラー メッセージを表示しています。
問題は、特定の 1 つのフィールドが変更されたときに、他のすべてのフィールドで検証をトリガーするにはどうすればよいかということです。ある従業員の値は他の従業員の検証に影響を与えないため、値が変更されている従業員のすべてのフィールドの検証をトリガーすることをお勧めします。
ここのフィドルには、私の場合の単純化されたバージョンがあり、「重複」ルールは 2 つの数値が同じかどうかをチェックするだけです。
html:
検証ディレクティブ:
angularjs - Angular ngMessage テンプレートを含める方法
私はかなり大きなフォームを持っていて、見ていましたngMessages
。私はこれを実装したかった:
ファクトリメソッドを作成しますか? 多くの異なるコントローラーで使用できますか?プロジェクトには多くのフォームがあるのでしょうか?それが正しい方法である場合、これを工場に含める方法がわかりません。これが正しいかどうか、私が考えていたことです。
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 は私が試したものでは動作しません。
誰にもこれに対する解決策はありますか?? 私は何を間違っていますか?
どうもありがとう