Angular ui-bootstrap 模态未知提供者

Question

我已经阅读了很多关于这个问题的问题，但我仍然无法找到适合我的案例的解决方案。

Unknown provider: $uibModalProvider <- $uibModal

到目前为止我做了什么：

通过 npm

安装 angular-bootstrap

npm install angular-bootstrap

在我的 index.html 中 angular.js 和 angular-route.js 之后以及 app.js 和控制器

之前添加了 ui-bootstrap-tpls.js

在 app.js

中添加了此代码

var angularApp= angular.module('angularApp', [
    'ngRoute',
    'ui.bootstrap'
]);

var confirmPopup = null;
angularApp.run(function ($rootScope, $http, $location, $interval, authService, $uibModal, $timeout, $route) {


    alert = function (text) {
        var modalInstance = $uibModal.open({
            templateUrl: '/partials/alertmodal.html',
            controller: 'alertController',
            backdrop: 'static',
            resolve: {
                text: function () {
                    return text;
                }
            }
        });
    }

    confirmPopup = function (text, callBacktrue, callBackfalse) {
        var confirmbool;

        var modalInstance = $uibModal.open({
            templateUrl: '/partials/modal.html',
            controller: 'modalController',
            backdrop: 'static',
            resolve: {
                text: function () {
                    return text;
                }
            }
        });

        modalInstance.result.then(callBacktrue, callBackfalse);
    };
});

（这部分还有一些代码，但目前不相关）

到目前为止我还没有调用模态或警报函数，所以目前还没有使用。

我做错了什么？我对 angular 还是很陌生，所以如果可能的话，我希望能得到一些带有示例的详细解释。

谢谢！

Answer 1

您是否在页面中包含 angular ui 文件脚本？

如果是，应该可以。如果没有，也许你应该给我们一个 jsfiddle（或其他站点）示例

Angular ui-bootstrap 模态未知提供者

Angular ui-bootstrap modal unknown provider

javascript

angularjs

angular-ui-bootstrap