Angular14中何时使用独立组件或模块？
在 Angular 14 中，使用独立组件或模块应该考虑以下因素：
-
组件的复杂度：如果组件本身比较简单，不需要与其他组件或服务进行交互，则可以将其设置为独立组件，这样它就可以被其他模块或组件直接使用。
-
可重用性：如果你计划在多个模块中重复使用某个组件，则应将其设置为独立模块，并在需要使用它的地方导入它。
以下是一些示例代码：
- 独立组件示例：
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
template:
})
export class ExampleComponent {
// ...
}Hello world!
在另一个组件中使用该组件：
- 独立模块示例：
import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { ExampleComponent } from './example.component';
@NgModule({ declarations: [ ExampleComponent ], imports: [ CommonModule ], exports: [ ExampleComponent ] }) export class ExampleModule { // ... }
在另一个模块中导入该模块：
import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { ExampleModule } from './example/example.module'; import { AnotherComponent } from './another.component';
@NgModule({ declarations: [ AnotherComponent ], imports: [ CommonModule, ExampleModule ], exports: [ AnotherComponent ] }) export class MyModule { // ... }
在 AnotherComponent 中使用 ExampleComponent：