Angularjs-toaster始终在右上方显示Toast通知

时间:2014-12-19 11:26:06

标签: angularjs angularjs-directive toastr ngtoast

我有这个示例html文件。我在这里使用角度吐司通知。我面临的问题是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

提前致谢

3 个答案:

答案 0 :(得分:11)

在您想要的选项中:position-class,而不是positionClass

答案 1 :(得分:4)

我已经为完整性添加了以下代码:

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

答案 2 :(得分:2)

将其修改为:

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