Angularjs-toaster 总是在右上角显示 toast 通知

Posted 2023-05-08

【中文标题】Angularjs-toaster 总是在右上角显示 toast 通知

【英文标题】：Angularjs-toaster always displays toast notification on top-right

【发布时间】：2015-02-18 07:58:51

【问题描述】：

我有这个示例 html 文件。在这里，我使用 angular-toast 通知。我在这里面临的问题是吐司消息总是出现在右上角。

script.js 文件包含

    angular.module('main', ['ngAnimate', 'toaster']).controller('myController', function($scope,toaster, $window) 

        $scope.pop = function()
            toaster.pop('success', "title", 'message');
        ;

        $scope.clear = function()
            toaster.clear();
        ;
    );

请找到plunker链接http://plnkr.co/edit/pzuW5OVkoxLF7zl0mGaC?p=preview

提前致谢

【参考方案1】：

在您想要的选项中：position-class，而不是 positionClass。

【讨论】：

非常感谢..我参考了烤面包机的演示文件并复制了相同的内容。结果它起作用了..再次感谢您节省了我的一天:)

【参考方案2】：

为了完整起见，我添加了以下代码：

<toaster-container toaster-options="'time-out': 3000, 'position-class': 'toast-bottom-left', 'close-button':true, 'animation-class': 'toast-bottom-left'"></toaster-container>

【参考方案3】：

修改为：

'position-class': 'toast-bottom-right','close-button':true