問題タブ [angularjs-validation]

友人、私はangularjsが初めてなので、angularjsの検証にname属性が必要な理由を説明してください

name="userName"コードが機能しない場合は、これについて説明してください。

フォームが 2 つのタブに分割され、送信ボタンが 2 番目のタブに表示されます。両方のタブの要素が同じフォーム タグ内に含まれており、同じ「ng-controller」を共有しています。問題は、フォーム要素を入力せずにフォームを送信できることです。最初のタブでは、エラー スコープ オブジェクトが未定義であることを示しています。この場合、フォーム要素を検証し、送信を押したときにスコープ データを保存するにはどうすればよいですか。

以下のコードは、私のフォームの 1 行です。

スニペット全体で「AddCarForm.uCarName.$dirty && AddCarForm.uCarName.$invalid」を数回複製します。これを変数にリファクタリングできますか?ユーザーの入力が変更されると、条件への回答で更新されます/リファクタリングのより良い方法ですか?

カスタム ユーザー名バリデーターに asyncvalidator を追加しようとしています。ただし、次のエラーが出力されます。

TypeError: 未定義のプロパティ 'username' を設定できません。

asyncvalidator を定義するにはどうすればよいですか? NgModel コントローラーによって自動的に実行されると思いましたか?

いくつかのAngular検証を備えた単純なフォームがあるとしましょう:

ここで、ハードコードされた文字列の代わりにフォーム名に変数を使用したいとしましょう:

myForm[myField].$invalidフォームを変更しmyForm[myField].$error.requiredて引き続き参照するにはどうすればよいですか?

以前に質問があったことは承知していますが、回答者を自分の問題に実装する方法がわかりません。angular にトライステート ブール ディレクティブがあり、ディレクティブに検証状態を追加して、値が有効 (null でない) であることをフォームが確認できるようにする方法がわかりません。

以下は、私がこれまでに持っているもののplnkrリンクです。誰にもアイデアはありますか？

plnkr リンク

私のコードをリファクタリングしようとしていて、次の構造にするつもりです:

サービス:

指令：

現時点では、約束の知識が不足しているため、試しているところです。

電話するbob= UsernameValidationHelper.usernameExists("bob");と、Type Error: Undefined is not a function

私は何を間違っていますか？

この質問に似た状況があります。私のユニークなひねりは、ページが最初のレンダリング/バインドを完了した後のある時点で、(Web サービス呼び出しを介して) 非同期で「動的」情報を受け取ることです。したがって、私のディレクティブの流れは次のようになります。

** 更新: 完全な再現はこちら: http://plnkr.co/edit/TIVbhGFMAQpUaMxKp9Dc?p=info

このような動作: 私のディレクティブ属性はいくつかの角度検証ディレクティブに置き換えられ、検証はこの要素のレベルで適切に機能しています。問題は、非同期再コンパイルにより、親の ng-form が要素を追跡できなくなったように見えることです。具体的には、入力が変更されたときに form.fieldName.$isDirty が true に設定されることはありません。元の要素を本質的に削除して別の要素に置き換えたので、それは理にかなっていますが、これが発生したことを親フォームに伝えることができるメカニズムがあり、それを接続する必要があるかどうか疑問に思っていますフォーム レベルでの $error/$dirty メカニズム。

ありがとう！

私のアプリケーションには、各リンクの横にそのページのフォームが有効かどうかを示す記号が表示された左側のナビゲーションがあります。ユーザーがページからページへとクリックすると、Angular はフォームを検証し、正しいシンボルが表示されます。ユーザーが各ページにアクセスして有効かどうかを確認するのではなく、ユーザーがアプリケーションに入るとすぐに検証記号を表示する必要があります。Angular の組み込みフォーム検証を利用しながら、各フォームを手動でトリガーして検証する方法はありますか? 私が思いついたアイデアの 1 つは、プログラムで各ページに移動して、各フォームを初期化および検証することでした。これまでのところ、AngularUI Router の $state.go を使用してもうまくいきませんでしたが、もう少しいじってみます。他のアイデアはありますか？ありがとう！

フォームがあり、ng-pattern と required の両方でフィールドを検証する必要がありますが、正しく連携できません。

フォームには、値が整数値であることを期待する数値フィールドのみがあります。

「0.3」と入力すると、検証が正しく表示されます。しかし、「abcd ..」と入力すると、検証で「このフィールドは必須です」と表示されます。「数字でなければならない」である必要があります

私の問題をデモするプランクを作成しました：

少し早いですがお礼を