How to display more than one $ mdToast on the screen

Question

How to display at the same time more than one $ mdToast on the screen. I saw this question , but it doesn’t suit me. For example, if you try to run this a couple of times on a click event, the following will hide the previous toast:

$mdToast.show( $mdToast.simple() .content('Simple Toast!') .hideDelay(15000) ); 

Answer 1

Toasts meet design specifications limited to one. I found some links if that would be interesting for you:

angular_material_issues

material_snackbars

You can add toasts to the global queue.

Answer 2

 var toast1 = $mdToast.simple() .textContent('toast1 ').action('action1'); var toast1 = $mdToast.simple() .textContent('toast1 ').action('action1'); $mdToast.show(toast1); $mdToast.show(toast1);