当前组件后的angular 2 append指令

Question

假设我有以下示例组件（注意my-app不是index.html中使用的应用程序定义组件）

For Each value As String In array
    lst.Items.FindByValue(value).Checked = True
Next

我希望能够使用@Component({ selector: 'my-app', directives: [NavbarComponent, SidebarComponent], template: ` <my-navbar></my-navbar> <router-outlet></router-outlet> <my-sidebar></my-sidebar> <!-- Append this after <my-app></my-app> --> ` }) 组件并向其中添加信息，但我想在<my-sidebar>之后而不是在其中显示它。这在角2中是否完全可能？

Answer 1

正常创建侧边栏组件

($conn->connect_error)

然后在您的connect_error中，您可以使用@Component({ selector: 'my-sidebar', template: 'Sidebar' }) class SidebarComponent{} 注入AppComponent旁边的DynamicComponentLoader

SidebarComponent

最终结果将是

AppComponent