javascript - 在.js文件中获取Angular环境

我有从我的Rest API获取清单汽车的组件，如下所示：

export class CarIndexComponent implements OnInit, AfterViewInit {
    apiUrl: string = environment.apiUrl + '/api/v1/cars-data';

    constructor( private _script: ScriptLoaderService ) {}

    ngOnInit() {}

    ngAfterViewInit() {
        this._script.loadScripts( 'car-index', [
            'assets/app/js/pages/cars/data-ajax.js'
        ] );
    }
}

我从脚本'assets / app / js / pages / cars / data-ajax.js'调用datatable ajax

但是在脚本中我不知道如何调用我的apiUrl变量

method: 'GET',
url: apiUrl + '/api/v1/cars-data',
headers: {
  'authorization' : 'Bearer ' + user.token
}

apiUrl显示未定义。

最佳答案

我不确定为什么您需要使用这种方式的外部脚本，但是您可以做的是将api URL添加到全局变量中，脚本可以访问该变量

export class CarIndexComponent implements OnInit, AfterViewInit {
 //  apiUrl: string = environment.apiUrl + '/api/v1/cars-data';

    constructor( private _script: ScriptLoaderService )
    {
        window['apiUrl'] = environment.apiUrl + '/api/v1/cars-data';
    }

然后在您的脚本中

method: 'GET',
url: window.apiUrl + '/api/v1/cars-data',