問題タブ [angular-validation]

フィールドを動的に生成するフォームがあり、これに使用ng-formしています。フォームにはng-repeat入力フィールドがあり、メイン フォームには [保存] ボタンがあります。

つまり、入力フィールドの 1 つがダーティでコンテンツがある場合は、保存ボタンを有効にし、それ以外の場合は無効にする必要があります。

ここに私のHTMLコードがあります:

フォームが最初にロードされたときに保存ボタンを無効にするには、プレゼントでそれを検証するにはどうすればよいng-formですか? 入力フィールドの 1 つにテキストが含まれている場合は、保存を有効にする必要があります。フォームの保存ボタン内でng-disabledどのように処理できるかわかりませんng-form

ユーザーが正しいメールアドレスを入力したことを確認するために、基本的なメール検証を追加することを検討しています。現在、以下の方法を使用すると、ユーザーが入力すると検証が更新されますが、1 文字を入力した後にエラーが発生すると奇妙に見えます。

angularJSのように、フィールドのぼかしで検証をトリガーできるかどうか疑問に思っていました:

HTML 内の入力フィールドのぼかしオプションは認識していますが、コントロールをエラー状態にする方法がない限り、これによってコントロールがエラーになることはありません。

誰かが私を正しい方向に向けるのを手伝ってくれますか?

ありがとう。

編集: angularJS ソリューションではなく、angular2 ソリューションを探しています。

<form name="myForm">...このコードを書きましたが、アプリをタグ内に配置すると機能しません。それを機能させるにはどうすればよいですか！myForm(その中に配置するたびにng-app動作しますが、私のアプリは の中にある必要があります<form>)

jsfiddle

私は ReactiveFormsModule を使用しておりValidators.required、const 構成内などの単純なバリデーターを含むすべてのフォーム コントロールを定義しています。

これらの FormControls の 1 つにカスタム バリデータを追加したかったのです。

現在、この構成内の関数としてカスタム バリデーターを追加しており、正常に動作していますが、ここには属していません。実際にはコンポーネント内に存在する必要がありますが、カスタム バリデーターをアタッチする方法がわかりません。FormBuilderがすべてのコントロールを構成した後、手動で。

以下のコード コメントを参照してください。

ここに添付するにはどうすればよいですか

*??? *

this.form.get('site_id').add カスタムバリエーター

これは私の現在の構成コードです。

カスタムバリデータを実際に保存する必要があるディレクティブがあります

求人検索コンポーネント

JobSearch Edit.html