Question

我在 Angular 2 中相当新。我正在研究如何在Angular应用程序中创建模块，我对以下教程有以下疑问。

我的疑问与路由有关。

因此，在我的示例中，定义了 AuthModule 模块：

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

import { SigninComponent } from './signin/signin.component';
import { SignupComponent } from './signup/signup.component';
import { AuthRoutingModule } from './auth-routing.module';

@NgModule({
  // Components and directives used by the module:
  declarations: [
    SigninComponent,
    SignupComponent
  ],
  // Import modules used by this features module:
  imports: [
    FormsModule,
    AuthRoutingModule
  ]
})
export class AuthModule {}

我定义了相关的rotues配置类：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { ShoppingListComponent } from './shopping-list/shopping-list.component';

const appRoutes: Routes = [
  { path: '', redirectTo: '/recipes', pathMatch: 'full' },
  { path: 'shopping-list', component: ShoppingListComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(appRoutes)],
  exports: [RouterModule]
})
export class AppRoutingModule {

}

所以我认为 export 关键字意味着与此类相关的内容可以导出并在其他地方使用（在这种情况下，我想到 imports 数组 AuthModule 类。）

是吗？或者我错过了什么？导出声明的确切含义是什么？

我不理解它是否与Angular相关或更普遍地与TypeScript相关（因为我在这里找到了https://www.typescriptlang.org/docs/handbook/modules.html）。因此在我看来，这个模块概念并没有直接限制在Angular 2框架中，而是一个TypeScript概念，以智能方式细分我们的代码（然后Angular 2可以使用该语言的这种特性）。

是或者我错过了什么？

Answer 1

Angular进口/出口和TypeScript导入/导出是两个不同的概念。

TypeScript导入/导出在语言级别工作以明确说明内容使用的标识符完全引用。这与Angular完全无关。

因此，如果您使用FormsModule，则不会有任何歧义，FormsModule的意思是什么。如果您的代码或任何依赖项中有多个FormsModule，那么您需要使用导入来明确其中一个。您无法在不消除歧义的情况下从不同位置导入2 FormsModule（例如，在导入中使用as foo，然后使用foo.FormsModule引用它）。

这样，您可以使用来自任意第三方库的代码并避免名称冲突。

角度导入/导出用于使一个模块的内容可用于另一个模块。

您

进口：[ FormsModule， AuthRoutingModule ]

允许您使用FormsModule中AuthRoutingModule和AuthModule的指令，并在AppModule范围或已关闭的延迟加载的根中注册这些模块提供的服务范围。

如果您在TypeScript代码中引用任何Angulars指令或服务，则还需要添加TypeScript导入。需要使用TypeScript导入导入FormsModule和AuthRoutingModule以上，以使Angular imports: [...]正常工作。

例如

<form #f="ngForm">
  <input type="text">
</form>

仅在当前模块的FormsModule中列出imports: [ ... ]时才有效。

不需要进行TypeScript导入，因为没有TypeScript代码。

Answer 2

是的，你可以在你的打字稿类之前使用export关键字，你可以在你的项目中的其他地方使用该类

Angular 2 \ TypeScript中export关键字的确切含义是什么？

2 个答案: