I am new in agnular2. I have used html5 theme and theme having multiple javascript files. Now the issue is I am trying to load that files in my angular2 app but it's not loading properly.
What I have did is just link up that scripts to my index.html file and first time when I open the page the scripts are working good but when I route the pages in my app then it's not loading into the app on each router change need to refresh the page.
Please help..!!!
it's because your JS file are loaded before the components are generated. Try something like this: In your js file use constructor fn. /**/ app.js
function callSomething(){
console.log('something has been called.');
}
/* in component.ts*/
declare var callSomething: any; //declare this at top;
now you can call it inside any method: new callSomething();
I think you need to initialise it on your view.I have done something like this:
In app.js(which i have included in my index.html)
function scrollToId(id){
//scroll fn
}
In my view/Component import { Component, OnInit } from '@angular/core';
declare var scrollToId: any;
@Component({})
export class UserDetailsComponent implements OnInit {
constructor(){}
ngOnInit() {
new scrollToId('registration-form');
}
}
& it's working fine for me.