动态插入表单组件

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。