Проблемы с рендерингом классов css / bootstrap в angular2

У меня возникают проблемы с работой CSS / Bootstrap, когда она отображается в компоненте angular2.

когда я пытаюсь отобразить содержимое CSS / html в файле Index.html (с соответствующими ссылками на CSS, JS), приложение / функциональность работают нормально. Но когда то же содержимое html вместе с классами CSS отображается в компоненте angular2, это не работает.

Основываясь на поиске в Интернете, я внес все эти изменения, но ничего не помогает. Я добавил инкапсуляцию: 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>

Я воспроизвел проблему и зарегистрировался по URL-адресу Github

может кто-нибудь помочь мне с этой проблемой?


angular css twitter-bootstrap-3 ng-bootstrap angular-ui-bootstrap
person Krishnan    schedule 01.10.2016    source источник
comment
css будет работать автоматически, без каких-либо дополнительных настроек. Вы просто добавляете ссылку ref в index.html. Если вам нужно включить jsy, вы можете пройти через мой ответ.   -  person Aswin KV    schedule 01.10.2016

Ответы (1)


arrow_upward
2
arrow_downward

Это связано с тем, что мы не можем просто добавить файлы js в angular 2, добавив ссылку ref, попробуйте это решение для стека через поток

Как использовать jQuery с Angular2?

Для Bootstrap вы можете использовать ng-bootstrap https://www.npmjs.com/package/ng2-bootstrap.

person Aswin KV    schedule 01.10.2016