Toastr不能與angularjs一起工作

-1

我正在嘗試使用Toastr和angular js，但出現以下錯誤。我已經包括jqery.js文件的預期。Toastr不能與angularjs一起工作

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

錯誤消息：

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

任何想法什麼是錯？

謝謝。

來源

2016-11-24 Ahsan

任何錯誤，你在控制檯？ –

沒有，只是一個我在問題補充。 – Ahsan

演示http://codeseven.github.io/toastr/demo.html – Pravin

我想你列入angular.js後jQuery的文件。將您的jQuery的文件Angularjs文件之上。

例如。

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

來源

2016-11-24 06:55:08 Ved

關閉，toastr.js高於angular.js – Ahsan

哦..我是知道的問題，必須是這樣的。 – Ved

可以使用angular-toastr庫，而不是

安裝：bower install angular-toastr

包括依賴性：在控制器angular.module('app', ['ngAnimate', 'toastr'])

使用：

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

來源

2016-11-24 06:45:21

Toastr不能與angularjs一起工作

回答

相關問題