動態插入表單組件

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，並保留主區域原樣。

   ​​

2. 您指定哪些組件將在你的路由器配置什麼router-outlet呈現。請注意，HeaderComponent的header爲outlet。正如您可以猜到，outlet應該匹配router-outlet name屬性

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

更多的有識之士看到這個Plunker。