Angularjs-toaster zawsze wyświetla powiadomienie o toastu w prawym górnym rogu

Question

Mam ten przykładowy plik html. Tutaj używam powiadomienia o kształcie kanciastego tostu. Problem, przed którym stoję tutaj, to toast wiadomości zawsze pojawiają się w prawym górnym rogu.

script.js plik zawiera

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

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

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

Proszę znaleźć link plunker http://plnkr.co/edit/pzuW5OVkoxLF7zl0mGaC?p=preview

góry dziękuję

Answer 1

w opcjach ma: position-class nie positionClass.

Answer 2

zmodyfikować go do:

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

Answer 3

Dodałem poniższy kod pod kątem kompletności:

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