Angularjs-toaster always displays toast notification on top-right
15,616
Solution 1
In your options you want: position-class
, not positionClass
.
Solution 2
I've added the below code for completeness:
<toaster-container toaster-options="{'time-out': 3000, 'position-class': 'toast-bottom-left', 'close-button':true, 'animation-class': 'toast-bottom-left'}"></toaster-container>
Solution 3
Modify it to:
'position-class': 'toast-bottom-right','close-button':true
Author by
ng-R
Updated on July 03, 2022Comments
-
ng-R almost 2 years
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
-
ng-R over 9 yearsThanks alot..I took the reference of demo file of toaster and copied the same. Result it dint work..Thanks once again for saving my day :)