Component Inheritance about ngx-toastr HOT 7 CLOSED

I've cleaned up the example for 2.3.
https://github.com/scttcper/toastr-ng2/blob/master/src/app/pink.toast.ts

No more constructor or component hosts.

Annoying to copy the template and animations.

from ngx-toastr.

Released 4.3.0 with onAction that can be used in custom toasts. onAction is passed back the same way onTap is except it isn't used anywhere in the default template. The pink toast in the demo shows how it might be used. You will probably want to combine this with tapToDismiss = false or capture the click event and stop propagation.

<a (click)="action()">Action Name</a>

action() {
  this.onAction.next('helpful string');
  this.onAction.complete();
}

from ngx-toastr.

This is the neat thing about this project vs ng2-toastr.

My only complaint is component inheritance requires a bit of effort because of the component decorator.

from ngx-toastr.

This might be worth revisiting since the latest version uses DI to inject more dependencies than previously. Some of the dependencies are actually private (ToastData, ToastRef).

from ngx-toastr.

For my use case, I think composition would be better. I added a custom button and click handler to the template.

from ngx-toastr.

Think we need a button that isn't close. Its not in the original toastr, but i see it in every other library's toast. Like blueprint http://blueprintjs.com/docs/#components.toaster

from ngx-toastr.

I like the idea of having the extra button. Could definitely find use cases for it.

from ngx-toastr.