在angular2中呈现css/bootstrap类的问题

在angular2中呈现css/bootstrap类的问题,css,angular,twitter-bootstrap-3,angular-ui-bootstrap,ng-bootstrap,Css,Angular,Twitter Bootstrap 3,Angular Ui Bootstrap,Ng Bootstrap,当在angular2组件中呈现CSS/Bootstrap时,我遇到了一些问题 当我尝试在Index.html文件中呈现CSS/html内容时(使用CSS、JS的适当引用),应用程序/功能运行良好。但是当相同的html内容和CSS类在angular2组件中呈现时,它就不起作用了 基于互联网上的搜索,我做了所有这些改变,但没有任何改变能让它工作。我已经添加了封装:ViewEn封装。对于该组件没有,但是CSS功能不能与angular 2一起工作 此外,JS引用文件的顺序如下所示 <script

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

当我尝试在Index.html文件中呈现CSS/html内容时(使用CSS、JS的适当引用),应用程序/功能运行良好。但是当相同的html内容和CSS类在angular2组件中呈现时,它就不起作用了

基于互联网上的搜索,我做了所有这些改变,但没有任何改变能让它工作。我已经添加了封装:ViewEn封装。对于该组件没有,但是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>

我已复制了该问题并检查到


有人能帮我解决这个问题吗?

这是因为我们不能简单地通过添加ref链接在angular 2中添加js文件, 尝试此堆栈溢出解决方案

对于引导,您可以使用ng引导

css将自动工作,无需任何其他配置。只要在index.html上添加ref链接,如果需要包含jsp,可以查看我的答案。