angular - 在 Angular 中导入模块列表？

Question

我的愿景是:

const usedModules = [MatIconModule, MatInputModule, ...];

for(let i=0; i<usedModules.length; i++) {
    import { usedModules[i] } from '@angular/material';
}
@NgModule({
    imports: usedModules,
    exports: usedModules,
})
export class AppMaterilaModule {}

显然这是行不通的。有人知道如何创建动态导入语句，即只列出一次 usedModules 吗？

Answer 1

您可以使用 SystemJS 动态加载模块.它看起来像:

const plugins = [
  './plugin1.js',
  './plugin2.js'
];

const loadPlugins = (plugins) => {
  return plugins.map( (path) => window.SystemJS.import(path) );
};

Promise.all(loadPlugins(plugins)).then(() => {
    // Everything is ready now
});

我希望我能正确理解这个问题。