时间戳

首页 > 解决方案 > Angular 从代码中动态导入 @angular/http

angular - Angular 从代码中动态导入 @angular/http

问题描述

有没有办法将@angular/http 导入到不使用著名的变量中：

import { Http } from '@angular/http'

我想以编程方式导入@angular/http 或任何其他库。任何想法 ？

标签： angularimportlibraries

解决方案

如果要动态访问模块，可以使用require. require有一个模块的参数string名称。

import { Component } from '@angular/core';

declare var require: any
// use http anywhere in your project
// if need to access all the functions from http module by using .
export const http = require('@angular/common/http');

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent {
  title = 'demong';

  constructor() {

  }
}

您还可以通过以下方式在运行时动态获取模块，

export class Demo {
   getModule(moduleName: string) {
       return require(moduleName);
   }
}

推荐阅读