File

src/app/component/dialog/alert/alert.component.ts

Metadata

selector stbui-dialog-alert
styleUrls ./alert.component.scss
templateUrl ./alert.component.html

Index

Properties
Methods

Constructor

constructor(dialogRef: MatDialogRef)
Parameters :
Name Type Optional
dialogRef MatDialogRef<AlertComponent> No

Methods

close
close()
Returns : void

Properties

closeButton
Type : string
Default value : '关闭'
message
Type : string
title
Type : string
import { Component } from '@angular/core';
import { MatDialogRef } from '@angular/material/dialog';

@Component({
  selector: 'stbui-dialog-alert',
  templateUrl: './alert.component.html',
  styleUrls: ['./alert.component.scss']
})
export class AlertComponent {
  title: string;
  message: string;
  closeButton: string = '关闭';

  constructor(private dialogRef: MatDialogRef<AlertComponent>) {}

  close(): void {
    this.dialogRef.close();
  }
}
<stbui-dialog>
  <stbui-dialog-title *ngIf="title">
    {{title}}
  </stbui-dialog-title>
  <stbui-dialog-content>
    {{message}}
  </stbui-dialog-content>
  <stbui-dialog-actions>
      <button mat-button color="accent" (click)="close()">{{closeButton}}</button>
  </stbui-dialog-actions>
</stbui-dialog>

./alert.component.scss

Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""