0
I have a problem loading a JS module that I created for my Angular project, which in this case is a horizontal Timeline.
The interesting thing is that if I point out the application via app-routing to start on the "Timeline" page, which consumes the module’s Function, everything works and Timeline is successfully displayed!
The problem is that when I leave this page, I go to any other application and try to go back to Timeline, the buttons and contents are totally disfigured, as if the page had not loaded the JS module created.
Below I will insert the note that is in scripts of angular json. and also within the application repository.
"./node_modules/1js/main.js""
JS module calls all occur directly via html, where I fill out Timeline information via class, for example:
<a href="#0" data-date="01/01/2017" class="selected">01/2019</a>
Below the date with the content:
<li class="selected" data-date="16/01/2014">
<h2 id="tituloTimeline">An Introduction to Infosec</h2>
<em>January, 2017</em>
<p id="textTimeline">
Back in January, 2017 I began my journey of studies into different
areas of infosec to see if it was a challenge I would enjoy and a
future prospect for further learning through college.
</p>
</li>
The final implementation, will be fed data in these formats directly from the database, but if I cannot solve this problem, I will have to find other alternatives. (If you can cite other ways to make a horizontal Timeline at the angle, I am accepting)