Suggestion new DialogBuilder
this.bonusTokenService.getTokensByUserId(this.user.id).subscribe(list=>{
const dialog=DialogBuilder.createDialog();
let description="";
if(list.length==0)description="No Bonustoken.";
else {
list.forEach(f=>{
description+=f.token+' ';
});
}
dialog.instance
.setTitle("Bonustoken")
.setDescription(description)
.addButton("got it",()=>{
dialog.close();
})
.setOnAfterViewInit(()=>{
dialog.instance.trapFocus();
});
});
Introduction
DialogBuilder.createDialog(), creates a DialogInstance . A DialogInstance serves as a wrapper for the CdkOverlay. The DialogBuilder automaticaly saves the last focus. The dialog can be closed by pressing the Escape button. The last focus gets restored, when dialog closes.
DialogBaseComponent Methods
setTitle(title:string)
setDescription(description:string)
setWidth(width:number)
setOnAfterViewInit(e:VoidFunction)
addButton(name:string,e:VoidFunction,ariaLabel?:string,title?:string)
setTitle(title:string)
trapFocus()