Angular and CSS

Question

Hi I am using an external css and js files in my angular project and css used only gets loaded when refresh the page otherwise css does'nt get loaded for the component to which i navigate I am using angular 5 and Jquery 1.12 and bootstrap 3

Manav Pandya · Answer

Hello I told you before , you can put all paths inside angular cli file to load everything on every page load Just try it , without trying how can you say its not working Because i am also using same functinality , and my project working perfectly fine Thanks

Manav Pandya · Answer

Hello You can try following : https://blog.dmbcllc.com/adding-css-and-javascript-to-an-angular-2-cli-project/ Thanks

Manav Pandya · Answer

Hello If you have external file than you can specify in two ways : 1 . Add all external files in index.html file and use it everywhere 2 . Add css and javascript under STYLE and SCRIPTS section in angular-cli.json file I hope it will helpful to you Thanks

Sumit Arora · Answer

Saw that article, But it only tells about only tells about jquery and bootstrap which can be installed through npm My Designer gave me html template for application and now when i am using that html template with angular then i am facing this issue

Sumit Arora · Answer

Thanks for the update Manav But I have already tried these things and the issue is same On default controller and view and i am able to use that css but as soon as i navigate to the other controller and view the css is not getting attached but when i refresh the page it starts working

Angular and CSS

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (5)