大佬教程收集整理的这篇文章主要介绍了angularjs – 添加甜蜜警报角js,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
的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>
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);
但是没有用,在我的浏览器上我从开发人员工具中得到了这个错误:
如何正确实现此插件?
更新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)
// sweetalert.js angular .module('sweetalert',[]) .factory('swal',SweetAlert); function SweetAlert() { return window.swal; };
因此,无需使用任何其他库来使用sweetalert,只需编写自己的库.
只需将模块注入要使用它的控制器中即可.
例
angular .module('demo',['sweetalert']) .controller('DemoController',DemoController); function DemoController($scopE) { $scope.btnClickHandler = function() { swal('Hello,World!'); }; };
以下是coffeescript中的示例要点:https://gist.github.com/pranav7/d075f7cd8263159cf36a
以上是大佬教程为你收集整理的angularjs – 添加甜蜜警报角js全部内容,希望文章能够帮你解决angularjs – 添加甜蜜警报角js所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。