角度：編集可能な現場でのヘルプ

Question

編集可能なフォームを作成しようとしています。編集可能なフォームを作成する際に、編集可能モードと表示専用モードの切り替えが必要です。編集モードを切り替えるためにクリックされる個々のコントロール）。

私はを作成しました。ここでは、エラーNo provider for NgControlと表示されています。私はフォーム要素を、私が作成しようとしている編集可能なコントロールコンポーネントのそれぞれにラップしたくありません。これで私を助けてください。私が制御を意図

したがって、それはNgControlプロバイダを必要とし、 <editable-control [mode]="formMode" type="text"></editable-control>

Answer 1

カスタムフォームコンポーネントはControlValueAccessorインタフェースを実装し、何かのようです。 FormsModuleの代わりにReactiveFormsModuleを使用する必要があります。

だから、@angular/formsからそれをインポートし、対応するNgModuleの輸入配列にそれを追加する必要があります。

// ... 
import { ReactiveFormsModule } from '@angular/forms'; 

@NgModule({ 
    imports: [ 
    // ... 
    ReactiveFormsModule 
    ] 
}) 
// ... 

あなたがformGroupディレクティブと一緒に使用することができ、カスタムコンポーネントを使用するには。例：

<form [formGroup]="myForm"> 
    <editable-control [mode]="formMode" type="text" formControlName="myText"> 
    </editable-control> 
</form>