在主应用程序外渲染Angular组件-Java 学习之路

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

<app></app>

应用程序在哪里引导 .

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

<component-name></component-name>

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

2 回答

1

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

How to dynamically create bootstrap modals as Angular2 components?

回复于 2024-05-07T23:48:36+08:00

只需将您需要的任何组件添加到传递给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上面链接的答案中了解到了这一点 . 很酷 . 用角6测试

回复于 2024-05-07T23:48:36+08:00

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

2 回答

相关问题