angular - Angular2 Material Snackbar - 如何包含 html

Question

如何在 Angular 2 材料的snackBar 的消息中包含 html？例如，如果我想发送一些样式，例如或图标等？

标签： angularangular-material

Answer 1

你应该使用类似的东西：

@Component({
  selector: 'snack-bar-component-example',
  templateUrl: 'snack-bar-component-example.html',
})
export class SnackBarComponentExample {
  constructor(public snackBar: MatSnackBar) {}

  openSnackBar() {
    this.snackBar.openFromComponent(PizzaPartyComponent, {
      duration: 500,
    });
  }
}

或查看Angular 示例