Question

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

Unknown provider: $uibModalProvider <- $uibModal

到目前为止我做了什么：

通过npm

安装angular-bootstrap

npm install angular-bootstrap

在ui-bootstrap-tpls.js和angular.js之后以及angular-route.js和控制器之前的index.html中添加了app.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);
    };
});

（这部分还有更多代码，但此时并不相关）

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

我做错了什么？我仍然很有角度，所以如果可能的话，我想用一些例子来详细解释。

谢谢！

Answer 1

您是否在页面中包含了角度ui文件脚本？

如果是，它应该有效。如果没有，也许你应该给我们一个jsfiddle（或其他网站）样本

Angular ui-bootstrap模态未知提供者

1 个答案: