角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);
    };
});

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

到目前为止，我在任何地方都没有调用过modal或alert函数，所以到目前为止还没有使用过。

我做错了什么？ 我对angular还是很陌生，因此，如果可能的话，我希望通过一些示例进行详细说明。

谢谢！

Answer 1

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

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