問題タブ [angular-reactive-forms]
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.
ionic2 - Angular2リアクティブフォームの一部であるコンポーネントに配列を渡す方法
私は Angular2 リアクティブ フォーム (履歴書フォーム) を使用しています。フォームにはいくつかのフィールドがあり、次にqualifications配列を渡す必要があるコンポーネントがあります (ループを使用してユーザーの資格を表示できるようにするため)。
これは、データをコンポーネントに渡す方法ですqualifications
これはqualificationsコンポーネントのhtmlです
これは、修飾配列がどのように見えるかです
オブジェクトの配列をこのコンポーネントに渡して、条件をループで表示できるようにする方法を理解できません
ngOnInit私は次のような関数を呼び出していaddQualificationます
私が抱えている問題は、フォームが配列の最初のオブジェクトのみを表示し、ループしていないことです
angular - Angular2 FormGroup の検証 - 特定のコントロールを無効とマークする
FormGroup を使用した Angular 2 Reactive フォームがあります。2 つのフィールドの値を比較する必要があるため、作成時に FormGroup にバリデーターを渡します。検証はうまく機能します：
無効な値を入力すると、form.errors.duplicate フィールドが正しく入力され、フォーム グループがng-invalidDOM の CSS クラスでマークされます。
ng-invalid私が持っている唯一のギャップは、このグループレベルのバリデーターが失敗したときに特定のフォームコントロールをマークしたいということです。それを行う方法はありますか？バリデーター関数から返されたオブジェクトをいじって、ターゲットフォームコントロールのネストされたレイヤーと一致させようとしましたが、役に立ちませんでした。
短期的には、フォームが無効な場合に特定の要素にマークアップとスタイルを追加することで回避できましたが、理想的にはそれを取り除き、マークアップの特定のエラー コードに対処できるようにしたいと考えています。親フォーム グループ レベルに上がるのではなく、そのコントロールのみ: