要从JS文件导入变量到Angular 6项目中,可以按照以下步骤操作:
首先,将JS文件放置在Angular项目的assets目录下,或者在index.html文件中使用标签引入外部JS文件。
在需要使用该变量的组件中,使用import关键字导入外部JS文件。例如,假设要导入一个名为external.js的文件,文件中定义了一个名为myVariable的变量,可以在组件文件中使用以下代码导入和使用该变量:
import { Component, OnInit } from '@angular/core';
declare var myVariable: any;
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
ngOnInit() {
console.log(myVariable); // 使用导入的变量
}
}
myVariable变量,可以在组件中使用declare关键字来声明该变量,以避免编译错误。请注意,这种导入方式是将JS文件中的变量作为全局变量在Angular组件中使用,不符合良好的模块化开发实践。如果可能,推荐使用Angular的服务或依赖注入来处理数据共享和模块化。