Question

我有这样的组件可以从我的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'调用数据表Ajax

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

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

apiUrl显示未定义。

Answer 1

我不确定为什么要使用这种外部脚本，但是您可以做的是将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',

在.js文件中获取Angular环境

1 个答案: