在Angular中,可以使用共享模块来在不同项目之间共享代码。下面是一个解决方法,包含代码示例:
ng generate module shared
// shared.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedComponent } from './shared.component';
@NgModule({
declarations: [SharedComponent],
imports: [CommonModule],
exports: [SharedComponent]
})
export class SharedModule { }
// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { SharedModule } from 'path/to/shared.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, SharedModule],
bootstrap: [AppComponent]
})
export class AppModule { }
// app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: ' '
})
export class AppComponent { }
这样,不同项目中都可以使用共享模块中导出的组件,实现代码的共享和重用。
请注意,共享模块中除了导出组件外,还可以导出其他的Angular功能,如指令、管道等。并且,可以根据实际需要,在共享模块中导入其他的Angular模块。