我在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
有人可以帮我解决这个问题吗?
答案 0 :(得分:2)
这是因为我们不能通过添加ref链接在角度2中添加js文件, 试试这个堆栈流量解决方案
How to use jQuery with Angular2?
对于Bootstrap,您可以使用ng-bootstrap https://www.npmjs.com/package/ng2-bootstrap