如果使用[] .concat（）组合多个数组，Angular @NgModule导入不会看模块

Question

我有很多模块，并希望按类型对几个数组进行排序和拆分

const aModules: any[] = [
  Module1,
  Module2,
  Module3,
  Module4
];

const bModules: any[] = [
  Module5,
  Module6,
  Module7,
  Module8
]

如果使用扩展运算符，它将起作用

imports: [Module0, ...aModules, ...bModules]

但是如果使用concat方法它不起作用，如果使用下一个方法，任何组件将无法工作：

imports: [Module0].concat(aModules, bModules)

这两种方法的typescript编译器有什么区别？ 因为我们看到了

console.log([Module0, ...aModules, ...bModules]);
console.log([Module0].concat(aModules, bModules));

两种结果看起来都一样

Answer 1

回答这个问题很难，因为Angular编译器的这方面没有太多文档。 在引擎盖下 ，AOT编译器重写了装饰器使用的大量元数据，我怀疑这是一个无法正确转换的例子。

我可以告诉你，这与TypeScript或JavaScript无关。 这是AOT编译器的问题。

您可以在此博客中阅读有关变形金刚的内容：

您可以在此处找到变换器的源代码：