AngularJS烤面包机个人吐司位置

Question

我已在html

中全局配置了祝酒词

<toaster-container toaster-options="{'close-button': true, 'position-class': 'toast-bottom-right'}"></toaster-container>

以下是我如何弹出它们

          core.toaster.pop({
              type: 'info',
              title: 'some title',
              timeout: 0
          });

我想知道如何单独定位每个toast并从html覆盖全局配置。默认情况下，它们位于右下角，但例如我希望一个Toast显示在右上角。在toaster.pop中添加类似 positionClass：＆＃39; toast-top-right＆＃39; 的内容并不起作用。

Answer 1

试试这个，

您可以为烤面包机创建另一个烤面包机容器，您需要使用toaster_id在不同的位置找到它。

有关工作模型，请参阅此plunker。

希望，这个会有所帮助......