blocks|key|884716|text|当我构建角项目时，我只创建了几个组件&服务，以便将项目分离为单元，但是只使用了一个@NgModule类。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|884717|然后主模块中使用的导入/导出在所有子组件中都可用，因此不需要再次导入/导出它们。|884718|理论上，我认为您可以创建多个模块，但这取决于您的需要，例如，为路由创建一个单独的模块。|884719|entityMap^0|13|C|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|P|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|K|$]]

When I built Angular project, I've just created few components &amp; services in order to separate the project to units, but used only a single @NgModule class.
Then the imports / exports used in the main module were available in all child components, so was not needed to import / export them again.
Theoretically, I think you can create multiple modules, but it depends on your needs, for example, to create a separate module for routing.

blocks|key|1312267|text|看看文档+(嗯，在我看来，这个解释不是很好)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1312268|其思想是，当您在模块中声明组件时，该组件只能访问在此模块中声明的指令/组件，如果模块导入其他组件，则访问该模块中声明的组件。所以是的，您需要在声明使用ReactiveFormsModule的组件的所有模块中导入ReactiveFormsModule。|1312269|在模块中，把它看作是不知道它是否被导入的“东西”。|1312270|Tipical您有一个utilsModule，它包含一些在应用程序中使用的组件，因此在声明中将其导出：|1312271|++++@NgModule({
++++++imports:[CommonModule]+
++++++declarations:+[+ErrorComponent,ConfirmComponent],
++++++exports:[ErrorComponent,ConfirmComponent]
++++})
++++export+class+UtilModule+{+}
++++}|code-block|syntax|javascript|1312272|还有一个模块用户声明两个组件，您的组件使用ReactiveFormsModule|1312273|{
++++@NgModule({
++++++imports:[CommonModule,ReactiveFormsModule,UtilsModule]+
++++++declarations:+[+UserListComponent,UserEditComponent],
++++++//you+not+use+export+because+UserListComponent+and+UserEditComponent+
++++++//are+not+use+outside+this+module
++++})
++++export+class+UserModule+{+}
++++}|1312274|在UserEditComponent中，你有，例如。|1312275|import+{FormGroup,FormControl}+from+'@angular/forms'
import+{ErrorComponent}+from+'../utils/utils.module'|1312276|entityMap|0|LINK|mutability|MUTABLE|url|https://angular.io/guide/feature-modules^0|2|2|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@$A|15|B|16|1|17]]|C|$]]|$1|D|3|E|5|6|7|18|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|19|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|1A|8|@]|9|@]|C|$]]|$1|J|3|K|5|L|7|1B|8|@]|9|@]|C|$M|N]]|$1|O|3|P|5|6|7|1C|8|@]|9|@]|C|$]]|$1|Q|3|R|5|L|7|1D|8|@]|9|@]|C|$M|N]]|$1|S|3|T|5|6|7|1E|8|@]|9|@]|C|$]]|$1|U|3|V|5|L|7|1F|8|@]|9|@]|C|$M|N]]|$1|W|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]]|X|$Y|$5|Z|10|11|C|$12|13]]]]

Take a look to the <a href="https://angular.io/guide/feature-modules" rel="nofollow noreferrer">docs</a> (well, really in my opinion this explain is not very good)
The idea is, when you declare a component in a Module, this component only has access to the Directives/Components declares in this module and, if the module import anothers, the components declared in this modules. So yes, you need import ReactiveFormsModule in all the modules that declare components that use ReactiveFormsModule
Think in a Module as &quot;something&quot; that not know if it is imported or not.
Tipical you has a utilsModule with some components that use along your application, so futhermore that in declarations you put it exports:
<pre><code> @NgModule({
 imports:[CommonModule] 
 declarations: [ ErrorComponent,ConfirmComponent],
 exports:[ErrorComponent,ConfirmComponent]
 })
 export class UtilModule { }
 }
</code></pre>
And you has a module users that declare two components, and your component use ReactiveFormsModule
<pre><code>{
 @NgModule({
 imports:[CommonModule,ReactiveFormsModule,UtilsModule] 
 declarations: [ UserListComponent,UserEditComponent],
 //you not use export because UserListComponent and UserEditComponent 
 //are not use outside this module
 })
 export class UserModule { }
 }
</code></pre>
In UserEditComponent you has, e.g.
<pre><code>import {FormGroup,FormControl} from '@angular/forms'
import {ErrorComponent} from '../utils/utils.module'
</code></pre>

Its a general question about imports (TypeScript) an NgModule-Imports. For example, you need the ReactiveFormsModule in some of your own NgModules.
<ol>
<li>Do you need to import (TypeScript) it in every own xxx.component.ts?</li>
</ol>
I think yes, cause you need the TypeScript-Module to work with it.
<ol start="2">
<li>Do you need to NgModule-Import it in every own xxx.module.ts?</li>
</ol>
I am not sure, cause sometimes I read &quot;import it into your MainModule&quot; ... But how can I pass it to the other NgModules?

Angular Imports and Modules / general question

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

这是一个关于imports (TypeScript)和NgModule-Imports的一般性问题。例如，您需要在一些您自己的ReactiveFormsModule中使用NgModules。您需要在每个TypeScript中导入( xxx.component.ts )吗？我想是的，因为你需要打字模块来处理它。您需要将它...

问角度导入和模/一般问题
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角度导入和模/一般问题EN