I’m trying to convert a template to angular that uses html, css, bootstrap, javascript and similar technologies.
The template has a loader function and a gif is placed on it.
When I visit it for the first time, it loads and does not open the page, but on the second and subsequent visits, it does not load and opens the page.
What should I do to make the page open when I first visit the page?
I don’t understand, I think bootstrap’s js files are not loaded, but how?
I put all the external files in assets and it’s fine in the angular.json file too.
The problem I have is: for example, when I visit the index html page, everything works fine, but when I visit the about page, it doesn’t work?
index.html page
about.html page first visit
about.html second visit used
What I don’t understand is why it doesn’t work on the first visit but it works on the 2nd visit?
I have tried many things.
You can also submit a pull request from the github repository.
https://github.com/muhammad-abdulloh/4UHOST
my index component and about component and angular json file
https://stackblitz.com/edit/angular-tt9cmt?file=src/about.component.html
2
Answers
I removed the loader part from the html file and it works great now :)
import style.scss and install bootstrap and add bootstrap (js and css) path in angular.json