フォームコンポーネントを動的に挿入する

Question

htmlとformgroupの定義を含むフォームモジュール/コンポーネントを動的に挿入したいと思います。ヘッダー/フッター/ボタン（白）は常に同じです。フォーム - 親（白）を開始することは可能ですか？

<parent-form dynform="dynamicform"></parent-form> 

親/ダイナミックは互いに通信でき、親は制御可能でなければなりません。

Answer 1

私が正しく理解していれば、あなたが探しているのはまさにAngular2ルータが提供しているものです。 公式ドキュメントのルーティングを確認してください（例：https://angular.io/docs/ts/latest/guide/router.htmlまたはhttps://angular.io/docs/ts/latest/tutorial/toh-pt5.html）。私はこれが

Answer 2

ヘッダ/フッタ/ボタン（白）の支援を期待

あなたが各エリア（ヘッダを定義router-outlet

1. を使用することができ、常に

同じです、Body、Footer）を router-outletとすると、以下のようにルートテンプレートを指定できます。具体的には name属性を headerと footerに設定し、メイン領域はそのままの状態にします。

​​

あなたは、ルータの設定に何router-outlet上でレンダリングされるかのコンポーネントを指定します。 HeaderComponentはoutletとしてheaderです。あなたが推測できるとおり、outletはrouter-outlet name属性と一致している必要があり

{ 
    path: 'pageA', 
    children : [ 
    {path:'', component: MainBodyComponent}, 
    {path:'', component: HeaderComponent, outlet:'header'}, 
    {path:'', component: FooterComponent, outlet:'footer'} 
    ] 
} 

は、より多くの洞察力のために、このPlunkerを参照してください。