Angular ui bootstrap - 无法注入解析功能

Question

我有一个点击按钮，我必须打开一个弹出窗口。这是我打开模式的配置：

var uibModalInstance = $uibModal.open({
              animation: true,
              ariaLabelledBy: 'modal-title',
              ariaDescribedBy: 'modal-body',
              controller: 'lsResultPopCtrl',
              templateUrl: 'template.html',
              windowTemplateUrl: 'template.html',
              size: size,
              resolve: {
                 items: function(){
                    return $scope.items;
                }
              }
            });

控制器代码：

app.controller('lsResultPopCtrl', function ($scope, $uibModal, items) {

这段代码给了我错误：

Error: [$injector:unpr] Unknown provider: itemsProvider <- items <- lsResultPopCtrl

我正在关注这个例子：https://angular-ui.github.io/bootstrap/

编辑：

在 chrome 调试器中，我可以看到 lsResultPopCtrl 中的 items 数组已加载数据，但弹出窗口未显示，我收到错误消息。

Answer 1

您应该注入控制器的依赖项是$uibModalInstance，而不是$uibModal。改变它，它就会工作：

app.controller('lsResultPopCtrl', ['$scope', '$uibModalInstance', 'items', function ($scope, $uibModalInstance, items) {
...
}]);