1

angle2コンポーネントでレンダリングされたときにCSS /ブートストラップの作業に問題があります。angular2のCSS /ブートストラップクラスをレンダリングする際の問題

CSS/htmlのコンテンツを(CSS、JSの適切な参照を含む)Index.htmlファイルにレンダリングしようとすると、アプリケーション/機能が正常に動作します。しかし、CSSクラスと同じhtmlコンテンツがangular2コンポーネントにレンダリングされても動作しません。

インターネットでの検索に基づいて、私はこれらの変更をすべて行っていますが、何も問題なく動作しています。私はカプセル化を追加しました:そのコンポーネントのViewEncapsulation.Noneは、まだCSS機能はまた、角2

JS参照ファイルの順序と一緒に動作しません。次の順序

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Iに配置されています問題を再現してチェックしましたGithub url

誰かがこの問題を解決できますか?

+0

cssは追加設定なしで自動的に動作します。 index.html にrefリンクを追加するだけで、jsyouを含める必要がある場合は、私の答えに行くことができます。 –

答えて

2

我々は、単にあなたがNG-ブートストラップ https://www.npmjs.com/package/ng2-bootstrapを使用することができ、参照リンクを追加することにより、角度2にブートストラップ用 が流れソリューション上で、このスタックを試してみてください

How to use jQuery with Angular2?

をJSファイルを追加傾けるためです

+0

またはそれより優れたもの:https://ng-bootstrap.github.io –

関連する問題