Javascript 角度:$uibModal未定义
使用ui.bootstrap.modal时出现此错误:Javascript 角度:$uibModal未定义,javascript,html,angularjs,twitter-bootstrap,angular-ui-bootstrap,Javascript,Html,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,使用ui.bootstrap.modal时出现此错误: Error: $uibModal is undefined 模块: (function(angular) { /** * finanziarioTerziController * * a controller defined in the finanziarioTerziModule and using a sample service. */ angular.module(
Error: $uibModal is undefined
模块:
(function(angular) {
/**
* finanziarioTerziController
*
* a controller defined in the finanziarioTerziModule and using a sample service.
*/
angular.module('finanziarioTerziModule')
.controller('finanziarioTerziController', ['$scope', 'finanziarioTerziService', function ($scope, finanziarioTerziService) {
'use strict';
$scope.elencoPatrimonioTerziCollapsed = true;
$scope.elencoPatrimonioTerzi = new Array();
$scope.products = [];
$scope.productToAdd = [];
$scope.saveProduct = function (productToAdd) {
for (var i = 0; i < productToAdd.length; i++) {
$scope.products.push(productToAdd[i]);
console.log($scope.products[i]);
}
$scope.reset();
};
$scope.reset = function () {
$scope.productToAdd.length = 0;
};
$scope.remove = function (index) {
$scope.productToAdd.splice(index, 1);
};
$scope.addProduct = function () {
$scope.productToAdd.push({
tipologia: '',
descrizione: '',
contratto: '',
ctv: '',
possesso: ''
});
};
$scope.open = function ($uibModal) {
var modalInstance = $uibModal.open({
animation: $scope.animationsEnabled,
templateUrl: 'finanziarioTerziSearch.html' ,
controller: 'finanziarioTerziModule',
resolve: {
items: function () {
return $scope.items;
}
}
});
};
open.$inject = '$uibModal';
finanziarioTerziService.getPatrimonioTerzi().then(function (response) {
if (response.status != '200') {
console.log('status diverso da 200');
return;
}
var elenco = response.data;
for (var i = 0; i < elenco.length; i++) {
$scope.elencoPatrimonioTerzi.push(elenco[i]);
}
});
}]);
})(angular);
编辑4:我已解决,但现在我有一个新错误,我可以看出,在控制器中注入依赖项的顺序与参数列表不匹配。请更正
angular.module('finanziarioTerziModule')
.controller('finanziarioTerziController', ['$scope', 'finanziarioTerziService','$uibModal', function ($scope, $uibModal, finanziarioTerziService) {
$uibModal在注入列表中排名第三,但在参数列表中排名第二。顺序应该是一样的。PFB的顺序正确
angular.module('finanziarioTerziModule')
.controller('finanziarioTerziController', ['$scope', 'finanziarioTerziService','$uibModal', function ($scope, finanziarioTerziService, $uibModal) {
请更正订单,看看是否有效。我希望如此。请分享重现问题所需的代码,如控制器的其余部分、脚本顺序等。请参阅控制器中是否包含/注入了$uibModal。是否确实在应用程序模块之前包含了ui引导,并且加载正确?你能创建一个在线演示来演示这个问题吗?是的,我确定在模块I解决之前包含ui引导,但现在我有一个新错误:$uibModal未定义,但现在我有一个新错误:$uibModal未定义+1 Vishal以获得好的建议。faserx,确保您拥有最新版本的ui引导。在最近的版本中,依赖项发生了变化。Good solution@JS dev它对我帮助很大
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>
<script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
angular.module('patrimonioApp',['ngRoute', 'ui.bootstrap', 'ui.router',
'commonModule', 'homeModule', 'finanziarioModule', 'polizzeModule', 'finanziarioTerziModule' ])
.config(['$routeProvider', function($routeProvider) {
angular.module('finanziarioTerziModule')
.controller('finanziarioTerziController', ['$scope', 'finanziarioTerziService','$uibModal', function ($scope, $uibModal, finanziarioTerziService) {
angular.module('finanziarioTerziModule')
.controller('finanziarioTerziController', ['$scope', 'finanziarioTerziService','$uibModal', function ($scope, finanziarioTerziService, $uibModal) {