如何添加component.ts组件angular的导出类？

Question

您好，我有一个新组件 beta ，我想在其中插入一个新的具有角度6材质的组件。

Link of the angular material component

我的问题是如何将其准确地放入我的 beta.component.ts 中：

import {MatSnackBar} from '@angular/material';

export class SnackBarOverviewExample {
  constructor(public snackBar: MatSnackBar) {}

  openSnackBar(message: string, action: string) {
    this.snackBar.open(message, action, {
      duration: 2000,
    });
  }
}

beta.component.ts ：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-beta',
  templateUrl: './beta.component.html',
  styleUrls: ['./beta.component.css']
})
export class BetaComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

我在 beta.component.html

中添加了html代码

我也在 app.module.ts 中将模块导入了：

import { MatSnackBarModule } from '@angular/material/snack-bar';

import { BetaComponent } from './beta/beta.component';

imports: [
    BrowserModule,
    MatTabsModule,
    BrowserAnimationsModule,
    MatSelectModule,
    MatInputModule,
    MatMenuModule,
    LayoutModule,
    MatToolbarModule,
    MatButtonModule,
    MatSidenavModule,
    MatIconModule,
    MatListModule,
    MatSliderModule,
    MatSnackBarModule
  ],