Toastr arbeitet nicht mit angularjs

Question

Ich versuche, Toastr mit angular js zu verwenden, aber den folgenden Fehler erhalten. Ich habe jqery.js Datei wie erwartet enthalten.

src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" 

Fehlermeldung:

angular.js:11594 TypeError: Cannot read property 'extend' of undefined 
at m (toastr.js:474) 
at Object.o [as info] (toastr.js:474) 
at ProductTableController.showAddToCartToast (productTable.directive.js:207) 
at ProductTableController.addToCart (productTable.directive.js:159) 
at angular.js:12332 
at f (angular.js:22949) 
at a.$$ChildScope.$$ChildScope.$eval (angular.js:14383) 
at a.$$ChildScope.$$ChildScope.$apply (angular.js:14482) 
at HTMLButtonElement.<anonymous> (angular.js:22954) 
at HTMLButtonElement.dispatch (jquery.js:4670)(anonymous function) @ angular.js:11594(anonymous function) @ angular.js:8544$apply @ angular.js:14484(anonymous function) @ angular.js:22954dispatch @ jquery.js:4670r.handle @ jquery.js:4338 

Jede Idee, was ist falsch?

Danke.

Answer 1

Ich glaube, Sie nach Angularjs Jquery-Datei enthalten . Verschieben Sie Ihre Jquery-Datei über die Angularjs-Datei.

z.

1. <script src ="jquery.min.js"></script> 
2. <script src ="angular.min.js"></script> 

Answer 2

können Sie angular-toastr Bibliothek verwenden, anstatt

installieren: bower install angular-toastr

Abhängigkeit sind: angular.module('app', ['ngAnimate', 'toastr'])

Verwendung in der Steuerung:

app.controller('foo', function($scope, toastr) { 
    toastr.success('Hello world!', 'Toastr fun!'); 
});