Question

我是agnular2的新手。我使用了html5主题和主题有多个javascript文件。现在的问题是我试图在我的angular2应用程序中加载这些文件，但它没有正确加载。

我所做的只是将脚本链接到我的index.html文件，第一次打开页面时脚本运行良好但是当我在应用程序中路由页面时它没有加载到每个路由器上的应用程序更改需要刷新页面。

请帮忙...... !!!

Answer 1

这是因为在生成组件之前加载了JS文件。尝试这样的事情：在你的js文件中使用构造函数fn。 / ** / app.js

function callSomething(){
  console.log('something has been called.');
}

component.ts * /

中的

/ *

declare var callSomething: any; //declare this at top;

现在你可以在任何方法中调用它： new callSomething（）;

Answer 2

我认为你需要在你的观点上初始化它。我做过这样的事情：

在app.js（我已经包含在我的index.html中）

function scrollToId(id){
  //scroll fn
}

在我的视图/组件中从＆＃39; @ angular / core＆＃39;;

导入{Component，OnInit}

declare var scrollToId: any;
@Component({})
export class UserDetailsComponent implements OnInit {
  constructor(){}
  ngOnInit() {
    new scrollToId('registration-form');
  }
}

＆安培;它对我来说很好。

Angular2问题加载外部javascripts

2 个答案: