角ui-bootstrap模态未知提供程序

debugcn 发表于 Dev

非营利组织

我已经阅读了很多有关此问题的问题，但仍无法找到适合我的情况的解决方案。

Unknown provider: $uibModalProvider <- $uibModal

到目前为止，我所做的是：

angular-bootstrap通过npm安装

npm install angular-bootstrap

加入ui-bootstrap-tpls.js我的index.html后angular.js和angular-route.js之前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);
    };
});

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

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

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

谢谢！

MathKimRobin

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

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。