File
Implements
confirmButtonText
|
Type : string
|
|
import { Component, OnInit, Inject } from '@angular/core';
import { MatDialogRef } from '@angular/material/dialog';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'hi-confirm-dialog',
templateUrl: './confirm-dialog.component.html',
styleUrls: ['./confirm-dialog.component.scss'],
})
export class ConfirmDialogComponent implements OnInit {
title: string;
message: string;
confirmButtonText: string;
constructor(
@Inject(MAT_DIALOG_DATA) protected data: any,
protected dialogRef: MatDialogRef<ConfirmDialogComponent>
) {}
ngOnInit() {
this.title = (this.data && this.data.title) || 'Confirmation';
this.message =
(this.data && this.data.message) || 'Are you sure about this?';
this.confirmButtonText =
(this.data && this.data.confirmButtonText) || 'Continue';
}
onConfirm() {
this.dialogRef.close(true);
}
onCancel() {
this.dialogRef.close();
}
}
<!--
~ Licensed to the Apache Software Foundation (ASF) under one
~ or more contributor license agreements. See the NOTICE file
~ distributed with this work for additional information
~ regarding copyright ownership. The ASF licenses this file
~ to you under the Apache License, Version 2.0 (the
~ "License"); you may not use this file except in compliance
~ with the License. You may obtain a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing,
~ software distributed under the License is distributed on an
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
~ KIND, either express or implied. See the License for the
~ specific language governing permissions and limitations
~ under the License.
-->
<form (ngSubmit)="onCancel()" #inputForm="ngForm">
<h1 mat-dialog-title>{{ title }}</h1>
<div mat-dialog-content>
<section>
{{ message }}
</section>
</div>
<div mat-dialog-actions>
<button
mat-button
type="submit"
color="primary"
[disabled]="!inputForm.form.valid"
>
Cancel
</button>
<button mat-button type="button" (click)="onConfirm()">
{{ confirmButtonText }}
</button>
</div>
</form>
Legend
Html element with directive