在angular2中渲染css / bootstrap类的问题

时间:2016-10-01 16:47:19

标签: css3 angular twitter-bootstrap-3 angular-ui-bootstrap ng-bootstrap

我在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

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

1 个答案:

答案 0 :(得分:2)

这是因为我们不能通过添加ref链接在角度2中添加js文件, 试试这个堆栈流量解决方案

How to use jQuery with Angular2?

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