問題タブ [angular-forms]

Angular2 (TypeScript と Jade を使用) を使用してカスタム フォームを実装したいと考えています。

my-inputの代わりにカスタム フォーム コンポーネントとして作成した要素を使用し、ディレクティブをinput追加すると、「ControlContainer のプロバイダーがありません!」という例外エラーが発生しました。次に、要素から削除すると、エラーは発生しませんでしたが、フォーム機能は機能しませんでした (バリデータなど)。ngControlinputngControlinput

親コンポーネント

サブコンポーネント

試しに、コンポーネントの要素にngControlGroupディレクティブを追加しましたが、エラーが発生しました。(もちろん、TypeScript ファイルに書かれています。)labelmy-inputimport Component, Input, etc...@Input()

Angular 2 からこのエラーが発生しています

core.umd.js:5995 EXCEPTION: Uncaught (in promise): Error: Error in app/model_exposure_currencies/model_exposure_currencies.component.html:57:18 原因: ngModel が form タグ内で使用されている場合、name 属性のいずれかが設定するか、フォーム コントロールを ngModelOptions で「スタンドアロン」として定義する必要があります。

例 1:

例 2:

これは私がフォームタグを使用する方法です：

私はangular2と学習が初めてです。f.value次のコードはコンソールに出力されません。空のオブジェクトを返します。ここで何か不足していますか？私はrc4を使用しています。

どんな助けでも素晴らしいでしょう。

component.ts

テンプレート駆動フォーム.component.html

パッケージ.json

Reactive Forms を使用して Angular でフォームを作成しています。FormBuilder を使用してフィールドのグループを作成しています。テキストボックスの場合、これは非常にうまく機能します。しかし、ラジオ ボタンの formControl が見つかりません。

これはどのように作動しますか？<input formControlName="gender" type="radio">テキスト入力と同じように使用する必要がありますか?

ReactiveFormsモジュールを使用してカスタムバリデーターを使用するフォームを管理するAngular 2 アプリケーションがあります。バリデータはFormControlオブジェクトを受け取ります。FormControlバリデーターに渡されたときにフィールドの名前を知っていれば、同じカスタムバリデーターを使用できるいくつかの入力フィールドがあります。

FormControl入力フィールドの名前を公開するメソッドまたはパブリック プロパティが見つかりません。もちろん、その値を確認するのは簡単です。以下は、私がそれをどのように使用したいかを示しています。

テーブルのリストがあります。ユーザーがテーブルをクリックすると、次のことが起こります。

を編集できる新しいフォームが表示されますselectedTable。フォームには次の入力が含まれます。

そして、変更を更新するボタン..

およびキャンセル ボタン: キャンセル

私の問題

入力を更新すると、入力内容に応じてテーブル リスト (インターフェイス) も変更されます。しかし、入力を変更してから「キャンセル」をクリックすると、インターフェイスは更新されたテーブルを含むテーブルリストを表示します。これは、サーバー側ではなくインターフェイスでのみ更新されます（更新をクリックしなかったため）。

selectedTableキャンセルをクリックしたときに行った変更を元に戻すにはどうすればよいですか?

つまり、入力によってテーブルを変更し、更新をクリックした後にのみインターフェイスで更新するにはどうすればよいですか?

私はAngular 2 のドキュメントを探していますが、 formGroupの使用方法に関するベスト プラクティスを見つける方法がありません。

formGroupを form タグで囲むことは必須ですか?

私はこのスタックオーバーフローの質問を見てきました:

formGroup には FormGroup インスタンスが必要です

このコンポーネント テンプレートを作成しました。

ネストされたフォームタグの使用を避けようとしています

私はAngular 2で比較的新しいです。

このような形式で双方向データバインディングを使用しようとしています-

このようなモデル-

テンプレはこんな感じ～

このようなコンポーネント-

このようなエラーが発生しています-

再

私の現在のコードはここにアップロードされています-

https://github.com/abrarjahin/Dot.NetCore_Angular2_App/tree/master/ProfileManagement/ClientApp/app/components/profile-list

誰でも私を助けてもらえますか？

助けてくれてありがとう。