Question

我有一个有角度的应用程序，它有一个包和一段包含根选择器的HTML

<app></app>

应用程序已自举。

是否有可能以某种方式在该应用容器外呈现该应用的组件？在HTML中，有类似

的内容

<component-name></component-name>

原因是这个应用程序正在外部加载，只是逐个分析组件，而不是整个应用程序，有点像应用程序中组件的样式指南。所以我加载了bundle，我希望只能渲染用户选择的组件。

Answer 1

只需将所需的任何组件添加到传递到NgModule的bootstrap数组中即可：

@NgModule({
  declarations: [AppComponent, ContactFormComponent],
  imports: [...],
  providers: [SharedService],
  bootstrap: [AppComponent, ContactFormComponent]
})
export class AppModule {}

现在这可以用：

<html><body>
  <app-contact-form></app-contact-form>
  ============================================
  <app-root></app-root>
</body></html>

只需从上面的Günter答案中的from夫中学到这一点。很酷。经过角度6的测试

Answer 2

您可以引导多个元素。您可以注入共享服务，以便能够在不同Angular2应用程序的组件之间进行通信（在同一页面上）。

How to dynamically create bootstrap modals as Angular2 components?

在主应用程序外渲染Angular组件

2 个答案: