html - 以 Angular 注入(inject) $modal 时出错

Question

我正在尝试根据某些条件打开模式弹出窗口。但是我收到以下错误 Error: [$injector:unpr] http://errors.angularjs.org/1.2.3/$injector/unpr?p0=%24modalProvider%20%3C-%20%24modal
at Error (<anonymous>)

下面是我的代码:“ui.bootstrap”包含在应用程序中。

angular.module('myApp').controller('myController', function ($scope, $timeout, $location, $window, $log, $rootScope, $modal) {

$scope.selectRow = function (position) {

    $scope.changed = false;
    if ($scope.select !== undefined && $scope.selectedRow !== position){
           $scope.changed = true;
           $scope.open();
    }
    $scope.select = position;
};


$scope.open = function () {
    console.log('Opening modal');
    var modalInstance = {
        templateUrl: 'modal.html',
        dialogClass: 'modal-selection',
        controller: ModalInstanceCtrl
    };
    $modal.open(modalInstance);
};


var ModalInstanceCtrl = function ($modalInstance) {

    $scope.ok = function () {
        $modalInstance.close();
    };

    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };
};
});

我的 HTML:

<div id="modal-select" >
    <h3>
        Choose appropriate change
    </h3>
    <div>
        <ul>
            <li><a href="#">Change 1</a></li>
            <li><a href="#">Change 2</a></li>
            <li><a href="#">Change 3</a></li>
            <li><a href="#">Change 4</a></li>
        </ul>
    </div>
    <div>
        <button class="button" ng-click="cancel()">
            Cancel
        </button>
        <button class="button" ng-click="ok()">
            Done
        </button>
    </div>
</div>

Answer 1

来自 Angular 网站:此错误是由于 $injector 无法解析所需的依赖项而导致的。要解决此问题，请确保依赖项已正确定义和拼写。例如

您是否将“ui.bootstrap”作为当前模块的依赖项？

angular.module('myApp').controller('myController', function ($scope, $timeout, $location, $window, $log, $rootScope, $modal)

应该是:

angular.module('myApp', ['ui.bootstrap']).controller('myController', function ($scope, $timeout, $location, $window, $log, $rootScope, $modal)