1.定义自定义组件

使用命令创建一个组件 但删除它在你的module里的声明,因为会报错只能引用一次

在本组件中创建一个module文件,引入刚才的组件component.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MaterialUiModule } from "src/material-ui/material-ui.module";
import { CustomTableHeadersComponent } from './custom-table-headers.component';


@NgModule({
  declarations: [CustomTableHeadersComponent],
  exports: [CustomTableHeadersComponent],
  imports: [
    CommonModule,MaterialUiModule
  ]
})
export class CustomTableHeadersModule { }

最后你的组件是这样

2.使用自定义组件 

在分区模块里,引入自定义组件的module

使用

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐