javascript - Javascript 导入和 Angular 导入有什么区别？

Question

我是 Angular 世界的新手。在学习它的过程中有些事情让我感到困惑，为什么我们需要两次导入任何模块:一次通过 Javascript 'import' 语句然后将其放入 'import' 数组？

为什么需要导入相同的东西两次？其他代码部分也是如此:需要首先导入 'component' 然后再次需要将其放入 @NgModule 的 'declarations' 数组中>.

为什么需要这样做？我不明白。

Answer 1

我猜你是在谈论你的模块文件？

首先，你有这条线

import { MyComponent } from './my-component.component';

这一行允许 typescript 编译器说

Okay, I need the resources from that file, in this file.

在这种情况下，您要导入一个类。

下一行是

declarations: [MyComponent]

(或imports或modules或providers等)

在这种情况下，这与 Angular 相关:如您所见，您将这些“导入”放入模块的装饰器 @NgModule 中。这是 Angular 内部的东西，但它允许他对你的类做正确的事情。例如，当您将可注入(inject)类放入 providers 时，它会告诉 Angular 创建这些类的单个实例。