Как я могу добавить в component.ts класс экспорта компонента angular?

Question

Здравствуйте, у меня есть новый компонент бета , и я хочу вставить в него новый компонент с угловым материалом 6.

Ссылка углового компонента материала

Мой вопрос заключается в том, как поместить это именно в мой 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() {
  }

}

Я добавил HTML-код в beta.component.html

Я импортировал модуль также в app.module.тс :

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
  ],