Angularjs-toaster always displays toast notification on top-right

Question

I have this sample html file. Here I am using angular-toast notification. Issue I am facing here is toast messages always appear on the top-right position.

script.js file contains

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

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

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

Please find the plunker link http://plnkr.co/edit/pzuW5OVkoxLF7zl0mGaC?p=preview

Thanks in advance

Answer 1

In your options you want: position-class, not positionClass.