未知的提供：$ modalInstanceProvider < - $ modalInsta

我使用的是工作的罚款角度引导用户界面模式，但是当我尝试使用关闭它modalInstance它给上述error.Here是我的代码

  var app = angular.module('LoginModule', ['ui.bootstrap']);
app.controller('LoginModal', ['$scope',  '$modal', function ($scope, $modal) {
    $scope.animationsEnabled = true;
    $scope.open = function (size) {

        var modalInstance = $modal.open({
            animation: $scope.animationsEnabled,
            templateUrl: '/app/template/Login.html',
            controller: 'LoginController',
            size: size
        });
    }
}]);
app.controller('LoginController', ['$scope', '$modalInstance', '$http', function ($scope, $modalInstance, $http) {
    $scope.model = {};
    $scope.loading = {
        state: false
    }
    $scope.errors = '';
    $scope.email = "";
    $scope.cancel = function () {

        $modalInstance.dismiss('cancel');
    };
}]);

我已经创建了我与模板指定控制器取消功能还是它给人的LoginController内使用error.I NG-点击=“取消（）”按钮。 需要帮忙？

Answer 1:

看起来你是实例与模态视图NG控制器指令的控制器。 相反，你只需要使用controller的模式的选择，以获得特殊依存$modalInstance注入。 如果您在使用实例化控制器ng-controller="LoginController"您需要删除它，你就不需要它，以及控制器将自动实例化（通过解决特殊依存$modalInstance ）和连接到模板。

文章来源: Unknown provider: $modalInstanceProvider <- $modalInstance in Angularjs modal