добавить сладкую тревогу угловой JS
Я новичок в AngularJS, и я пытаюсь использовать сладкий плагин оповещения отhttps://github.com/oitozero/ngSweetAlert Я уже добавил соответствующие сценарии в мой index.html, например:
index.html
<link rel="stylesheet" href="bower_components/sweetalert/dist/sweetalert.css">
<script src="bower_components/angular-sweetalert/SweetAlert.min.js"></script>
<script src="bower_components/sweetalert/dist/sweetalert.min.js"></script>
Как говорится в документе. Теперь в моемctrl.js У меня есть это :
var ctrl = function ($scope, SweetAlert) {
SweetAlert.swal("Here's a message"); // this does not work
}
ctrl.$inject = ['$scope', 'oitozero.ngSweetAlert];
angular.module('myApp.missolicitudes.controllers',
[
'oitozero.ngSweetAlert'
])
.controller('MiSolicitudCtrl', ctrl);
Но не работает, в моем браузере я получил эту ошибку от инструментов разработчика:
Ошибка: [$ инжектор: unpr]http://errors.angularjs.org/1.4.3/$ инжектор / unpr? p0 = oitozero.ngSweetAlertProvider% 20% 3C - "" itozero.ngSweetAlert% 20% 3C-% 20MiSolicitudCtrl при ошибке (собственный) вHttp: // Localhost: 8081 / активы / LIBS / угловые / angular.min.js: 6: 416 вHttp: // Localhost: 8081 / активы / LIBS / угловые / angular.min.js: 40: 375 в Object.d [как получить] (Http: // Localhost: 8081 / активы / LIBS / угловые / angular.min.js: 38: 364) вHttp: // Localhost: 8081 / активы / LIBS / угловые / angular.min.js: 40: 449 в д (Http: // Localhost: 8081 / активы / LIBS / угловые / angular.min.js: 38: 364) съел (Http: // Localhost: 8081 / активы / LIBS / угловые / angular.min.js: 39: 124) в Object.instantiate (Http: // Localhost: 8081 / активы / LIBS / угловые / angular.min.js: 39: 273) на $ get (Http: // Localhost: 8081 / активы / LIBS / угловые / angular.min.js: 80: 228) по ссылке (Http: // Localhost: 8081 / активы / LIBS / угловой / угловой-route.min.js: 7: 268)
Как я могу правильно реализовать этот плагин?
Обновление 1
Я уже попробовал это предложение @Pankaj Parkar и @Mike G
ctrl.$inject = ['$scope', 'oitozero.ngSweetAlert'];
а вот так
ctrl.$inject = ['$scope', 'SweetAlert'];
Мои инструменты разработчика выдают это сообщение:
Error: [$injector:unpr] http://errors.angularjs.org/1.4.3/$injector/unpr?p0=oitozero.ngSweetAlertProvider%20%3C-"<div class="container ng-scope" ng-view="">"itozero.ngSweetAlert%20%3C-%20MiSolicitudCtrl
at Error (native)
at http://localhost:8081/assets/libs/angular/angular.min.js:6:416
at http://localhost:8081/assets/libs/angular/angular.min.js:40:375
at Object.d [as get] (http://localhost:8081/assets/libs/angular/angular.min.js:38:364)
at http://localhost:8081/assets/libs/angular/angular.min.js:40:449
at d (http://localhost:8081/assets/libs/angular/angular.min.js:38:364)
at e (http://localhost:8081/assets/libs/angular/angular.min.js:39:124)
at Object.instantiate (http://localhost:8081/assets/libs/angular/angular.min.js:39:273)
at $get (http://localhost:8081/assets/libs/angular/angular.min.js:80:228)
at link (http://localhost:8081/assets/libs/angular/angular-route.min.js:7:268)