在 angularJS v1.48 应用程序中使用 uibModal答案

【问题标题】：using uibModal in angularJS v1.48 applcation在 angularJS v1.48 应用程序中使用 uibModal
【发布时间】：2021-03-26 11:34:34
【问题描述】：

我正在尝试在 angularJS 应用程序 (v.148) 中使用 uibModal（来自 angular-ui-bootstrap v0.12.1）。我知道当前的角度版本。当我尝试使用下面的示例代码使用模式时，我看到了错误：

TypeError: $uibModal.open is not a function

我在应用程序中添加了以下内容：

angular.module('someApp', ['ui.bootstrap']);

在控制器文件中，我使用以下内容：

angular.module('someAppController')
.controller('someController', ['$scope', '$http', $'location', '$modal', 'someService', 
function($scope, $http, $locaton, $uibModal, someService) {

在活动中：

$uibModal.open({
 templateUrl: 'some.html',
 windowClass: 'modal-danger'
});

我尝试将 $uibModal 替换为 $modal（在模块调用和我试图创建模态的地方）。但是，我收到同样的错误，抱怨 $uibModal.open 或 $modal.open is not a fucntion。关于我做错了什么有什么想法吗？我找不到导致问题的版本或其他依赖项的任何问题。

【问题讨论】：

标签： javascript angularjs angular-ui-bootstrap

【解决方案1】：

您的代码中有一些拼写错误，并且没有正确注入 $uibModal 提供程序

改变

.controller('someController', ['$scope', '$http', $'location', '$modal', 'someService'

到

.controller('someController', ['$scope', '$http', '$location', '$uibModal', 'someService'

也变了

templateUrk: 'some.html',

到

templateUrl: 'some.html',

【讨论】：

类型就是这样 - stackoverflow 上的一个错字。我能够解决这个问题 - 我使用的是 $moal，而不是 $uibModal（我意识到根据所使用的版本建议这样做）感谢您的输入。