Topic: Template or HTML in Toast
I am trying to use a Toast / Notification with a custom message using HTML, the Angular docs (https://mdbootstrap.com/docs/angular/advanced/notifications/#docsTabsAPI) for notations list an option of "enableHtml" but how does this work? and is this the right option to allow custom html in the toast/notification message?
Can it be done?
Hi @MikeOnline,
Yes, you can provide HTML like this:
HTML
<a mdbBtn color="info" class="waves-light" (click)="showInfo()" mdbWavesEffect>Info message</a>
TS
showInfo() {
this.toastrService.info('<b>Success</b> message', '', { enableHtml: true });
}
But remember, this option is "unsafe" because you can provide too many elements along with styles which can spoil the notification view
Answered
- User: Pro
- Premium support: No
- Technology: Angular
- MDB Version: 9.3.1
- Device: Laptop
- Browser: *ium
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes