0

我的服务器端应用程序上有带有 ng-bootstrap 的 Angular2 (2.0.0)。所有模板都是使用 php 呈现的（不是角度的）。

当我从服务器端包含任何 ng-bootstrap 片段时，它不起作用。但是，如果我从内部的角度模板中包含它们，<app-root>...</app-root>那么它就可以工作。

我基本上需要在模板上的任何位置包含下拉、模式、警报...作为直接指令样式。这怎么可能？

<body>

<h1>Title 1</h1>

<p>This is para...</p>

<app-root></app-root> <!-- any ng-bootstrap directives are accessable inside app-root -->

<!-- I'm not rendered as ng-bootstrap directive, since its not inside app-root -->
<ngb-alert [dismissible]="false">
    <strong>Warning!</strong> Better check yourself, you're not looking too good.
</ngb-alert>


 <!--script tags are included here for angular2-->

</body>
4

1 回答 1

0

如果您希望 Angular2 组件作为 的直接子级<body>，则必须引导它。这意味着您需要一个NgModule包含该组件的组件bootstrap: [NgbAlert]，然后调用platform.bootstrapModule(NgbAlertModule). 这会在您的页面上为每个引导模块创建一个新的 Angular2 应用程序。

于 2016-09-27T05:47:09.477 回答