Angular2 + ng-bootstrap onサーバー側のテンプレート

サーバー側のアプリケーションでng-bootstrapを使ってAngular2（2.0.0）を使用しています。すべてのテンプレートはphp（角でない）を使ってレンダリングされます。Angular2 + ng-bootstrap onサーバー側のテンプレート

サーバ側から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

さて、app-rootの下に置いてください。さもなければ、app-rootはあなたのapp rootではありません。 –

あなたが<body>の直接の子としてAngular2コンポーネントが必要な場合は、それをブートストラップする必要があります。つまり、そのコンポーネントを持つ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 –

「内蔵ブートストラップ」とはどういう意味ですか？質問を編集して、そこに更新されたコードを追加してください。 –

Angular2 + ng-bootstrap onサーバー側のテンプレート

答えて

関連する問題