Angular 2中相同根应用程序的多个实例

Tom*_*Tom 5 angular

我们将Angular 2集成到遗留页面中,使功能逐个用户友好.到目前为止,为角度模块交换预渲染的后端小部件效果很好.

但是我遇到了一个我不知道要解决的问题:我编写了一个模块/组件,可以在页面上的不同位置多次出现并使用不同的配置.

  <body>
    <div class='somewhere-on-the-page'>
      <my-widget config='A'></my-widget>
    </div>
    <div class='somewhere-else-on-the-page'>
      <my-widget config='B'></my-widget>
    </div>
  </body>
Run Code Online (Sandbox Code Playgroud)

这是一个案件的Plunker.您只能看到初始化的第一个匹配项.有没有关于如何解决这个问题的概念?我想我不能使用包装器组件,因为我无法在其中移动整个模板(页面在后端呈现,而角度指令放在那里).

干杯

Gün*_*uer 1

目前不支持此功能。有一个未解决的问题,允许在bootstrap()调用时覆盖选择器。

https://github.com/angular/angular/issues/7136