1

angular2 コンポーネントでレンダリングすると、CSS/Bootstrap の動作に問題が発生します。

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

インターネットでの検索に基づいて、これらすべての変更を行いましたが、何も機能しません。そのコンポーネントに encapsulation: ViewEncapsulation.None を追加しましたが、それでも CSS 機能は angular 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>

問題を再現し、 Github URLにチェックインしました

誰かがこの問題で私を助けることができますか?

4

1 に答える 1

2

これは、ref リンクを追加するだけで angular 2 に js ファイルを追加できないためです。このスタック オーバー フロー ソリューションを試してください。

Angular2 で jQuery を使用するには?

ブートストラップの場合、ng-bootstrap https://www.npmjs.com/package/ng2-bootstrapを使用できます

于 2016-10-01T17:02:21.763 に答える