Question

我正在学习角度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');
  };
};

这是plunker链接http://plnkr.co/edit/ggtsdMSyYIRcXHe9zkw1?p=preview

问题是：

这条线的用途是什么

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

为什么那里有阵列？

如何让它更简单？

Answer 1

这些项目在

期间使用ModalInstanceCtrl密钥传递到resolve

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

这些项目会被注入items的{{1}}参数。

在ModalInstanceCtrl内，这些项目用于生成模态窗口中显示的链接。

使用值稍微玩一下并观察结果。

Angular UI Bootstrap Modal Popup

1 个答案: