Angular 2组件：如何导出接口？

I’ve built a reusable Angular Header Component that depends on a strongly-typed IHeader interface to handle configuration data. Here’s a breakdown of the key implementation files:

Header Module (header.module.ts) #

This module declares and exports the Header Component, making it accessible for use across other parts of your Angular application:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HeaderComponent } from './header.component';
@NgModule({
  imports: [ CommonModule ],
  declarations: [ HeaderComponent ],
  providers: [ ],
  exports: [ HeaderComponent ]
})
export class HeaderModule { }

IHeader Interface (IHeader.ts) #

This interface defines the structure of data required by the Header Component, including properties to control its content and visibility:

export interface IHeader {
  headerName: string;
  headerTitle: string;
  headerVisible: boolean;
  headerAttri...

(Note: The provided IHeader interface appears truncated. To complete it, you’d add any additional properties your header needs—like headerIcon: string or headerActions: Array<{label: string; action: () => void}>—based on your component’s specific functionality.)

内容的提问来源于stack exchange，提问作者Imran Khan