1

当 CSS/Bootstrap 工作在 angular2 组件中呈现时，我遇到了一些问题。

当我尝试在 Index.html 文件中呈现 CSS/html 内容（对 CSS、JS 有适当的引用）时，应用程序/功能工作正常。但是，当在 angular2 组件中呈现相同的 html 内容和 CSS 类时，它就不起作用了。

根据互联网上的搜索，我已经完成了所有这些更改，但没有任何效果。我为该组件添加了封装：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 文件，试试这个 stack over flow 解决方案

如何在 Angular2 中使用 jQuery？

对于 Bootstrap，您可以使用 ng-bootstrap https://www.npmjs.com/package/ng2-bootstrap

于 2016-10-01T17:02:21.763 回答