Question

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

有类似的东西：

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

Answer 1

我刚刚使用了这个功能

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

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

EDIt

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

Answer 2

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

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

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

2 个答案: