Angular UI Bootstrap 模态弹出窗口

Question

我正在学习 angular ui bootstrap 模态形式，并在 plunker 中找到了一些例子。

angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function ($scope, $modal, $log) {

  $scope.items = ['item1', 'item2', 'item3'];

  $scope.open = function () {

    var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
       controller: ModalInstanceCtrl,
       resolve: {
        items: function () {
          return $scope.items;
         }
      }
    });

    modalInstance.result.then(function (selectedItem) {
       $scope.selected = selectedItem;
     }, function () {
       $log.info('Modal dismissed at: ' + new Date());
    });
  };
};

var ModalInstanceCtrl = function ($scope, $modalInstance, items) {

  $scope.items = items;
  $scope.selected = {
    item: $scope.items[0]
  };

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

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

这是个笨蛋linkhttp://plnkr.co/edit/ggtsdMSyYIRcXHe9zkw1?p=preview

问题是：

这行有什么用

$scope.items = ['item1', 'item2', 'item3'];

为什么会有数组？

如何让它更简单？

Answer 1

这些项目在

期间通过 resolve 键传递给 ModalInstanceCtrl

$modal.open({
  templateUrl: 'myModalContent.html',
   controller: ModalInstanceCtrl,
   resolve: {
    items: function () {
      return $scope.items;
     }
  }
});

这些项目被注入到 ModalInstanceCtrl 的 items 参数中。

在 ModalInstanceCtrl 中，这些项目用于生成模式 window 中显示的链接。

稍微调整一下这些值并观察结果。