角度模态服务未知提供商
Angular Modal Service unknown provider
我正在尝试让一个角度模态形式工作,但我总是收到一个未知的提供程序错误。 我想我已经包含了所有必要的文件?
这是我调用服务的代码:
function deleteConfirm() {
var modalOptions = {
closeButtonText: 'Cancel',
actionButtonText: 'Delete Supplier',
headerText: 'Delete ' + supplierName + '?',
bodyText: 'Are you sure you want to delete this supplier?'
};
modalService.showModal({}, modalOptions).then(function(result) {
if (result === 'ok') {
alert("ok");
}
}, function(error) {
alert("Error deleting");
});
}
这是该服务的代码:
(function() {
'use strict';
modalService.$inject = '$uibModal';
angular.module('plunker').factory('modalService', modalService);
function modalService($uibModal) {
var injectParams = ['$uibModal'];
//var modalService = function($uibModal) {
var modalDefaults = {
backdrop: true,
keyboard: true,
modalFade: true,
templateUrl: 'modal.html'
};
var modalOptions = {
closeButtonText: 'Close',
actionButtonText: 'OK',
headerText: 'Proceed?',
bodyText: 'Perform this action?'
};
this.showModal = function(customModalDefaults, customModalOptions) {
if (!customModalDefaults) customModalDefaults = {};
customModalDefaults.backdrop = 'static';
return this.show(customModalDefaults, customModalOptions);
};
this.show = function(customModalDefaults, customModalOptions) {
//Create temp objects to work with since we're in a singleton service
var tempModalDefaults = {};
var tempModalOptions = {};
//Map angular-ui modal custom defaults to modal defaults defined in this service
angular.extend(tempModalDefaults, modalDefaults, customModalDefaults);
//Map modal.html $scope custom properties to defaults defined in this service
angular.extend(tempModalOptions, modalOptions, customModalOptions);
if (!tempModalDefaults.controller) {
tempModalDefaults.controller = function($scope, $uibModalInstance) {
$scope.modalOptions = tempModalOptions;
$scope.modalOptions.ok = function(result) {
$uibModalInstance.close('ok');
};
$scope.modalOptions.close = function(result) {
$uibModalInstance.close('cancel');
};
};
tempModalDefaults.controller.$inject = ['$scope', '$uibModalInstance'];
}
return $uibModal.open(tempModalDefaults).result;
};
}
}());
http://plnkr.co/edit/xNpbI42UJm8acODSOimR
感谢您的任何帮助
angular.module('plunker').factory('modalService', modalService);
modalService.$inject = ['$uibModal'];
试试这个!
添加到主应用程序.js依赖项 ['ui.bootstrap']
var app = angular.module('plunker', ['ui.bootstrap']);
你忘了在你的应用中包含"ui.bootstrap"。
只需像这样引导您的应用程序即可更正问题:
var app = angular.module('plunker', ["ui.bootstrap"]);
相关文章:
- 角度模态服务未知提供商
- JsFiddle:未知提供商:$intervalProvider <- $interval
- 工厂和控制器,未知提供商
- 未知提供商:$resourceProvider - AngularJS
- 未知提供商:捆绑后$resourceProvider
- AngularJS + RequireJS.未知提供商:$routeProvider
- 未知提供商AngularJs在添加“时”;.运行”;
- Angular未知提供商错误
- AngularJS错误:未知提供商
- 为什么我得到$injector:unpr(未知提供商)在这个单页应用程序
- 在angularJS中使用angular-cached-resource的未知提供商
- Angularjs、Typescript、Uglify和static $inject:未知提供商
- Angular $injector——为Angular提供的未知提供商's $timeout
- 未知提供商:uniqueFilterProvider,在Angular.js中使用唯一过滤器
- Angularjs、Typescript、Uglify实例化myApp模块失败未知提供商:a
- 错误:[$injector:unpr]未知提供商:ngCsv <- ngCsv <- dynamicDemoContro
- 使用Jasmine在AngularJS中测试服务时,未知提供商
- 在angularJS中创建过滤器时为angular提供的未知提供商
- 获取"错误:[$injector:unpr]未知提供商"错误
- AngularJS错误:[$injector:unpr]未知提供商:$achorScrollProvider <- $a