Angular2 + ng-bootstrap на серверных шаблонах

У меня есть Angular2 (2.0.0) с ng-bootstrap на моем приложении на стороне сервера. Все шаблоны отображаются с использованием php (не угловой).Angular2 + ng-bootstrap на серверных шаблонах

Когда я включаю любой фрагмент 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>

источник

2016-09-26 Basit

Вам нужно будет предоставить некоторые конкретные образцы кода. –

Код добавленного кода – Basit

Ну, положите его под root-приложение, иначе app-root больше не будет вашим корнем приложений. –

Если вы хотите компонент Angular2 как прямой потомок <body>, вы должны инициализировать ее. Это означает, что вам нужен NgModule с этим компонентом в bootstrap: [NgbAlert], а затем позвоните platform.bootstrapModule(NgbAlertModule). Это создает новое приложение Angular2 на вашей странице для каждого загрузочного модуля.

источник

2016-09-27 05:47:09

Где я должен импортировать 'platform.bootstrapModule'? – Basit

https://angular.io/docs/ts/latest/guide/ngmodule.html#!#bootstrap –

Что означает «inculded in bootstrap»? Не могли бы вы изменить свой вопрос и добавить там обновленный код? –

Angular2 + ng-bootstrap на серверных шаблонах

ответ

Смежные вопросы