Angular4 只为一个组件添加 js 文件？

Question

如何只为一个组件添加一个js文件？

是否有类似的东西：

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['../../assets/css/login.css'],
  "ScriptUrl" or something
})

Answer 1

您无法在 Angular 类 JS2 样式中添加特定于组件的脚本。但是 angular 中有一项功能是通过路由延迟加载功能模块。它只会加载与特定功能模块相关的模块和组件文件。

https://angular-2-training-book.rangle.io/handout/modules/lazy-loading-module.html

Answer 2

我刚用了这个功能

loadScript(src){
    var script = document.createElement("script");
    script.type = "text/javascript";
    document.getElementsByTagName("body")[0].appendChild(script);
    script.src = src;
  }

并由 this.loadScript('/js/file.js') 在 ngOnInit() 中调用它我不知道这是否是一个好方法，所以请告诉我。

EDIt

或者您可以 import(js file path)在您的 .ts 文件中。

Angular4 只为一个组件添加 js 文件？

Angular4 add js file for only one component?

angularjs

angularjs-directive