Angular-UI模態-將數據傳遞到模態

Question

我正在嘗試將一些模型數據打開時傳遞給模式窗口。 當用戶單擊某個元素時，我想打開模式窗口並顯示與單擊的內容有關的更詳細的信息。

我創建了一個插件 ，該插件可以將數據傳遞到模態窗口中，除了我希望的那樣工作。

我正在嘗試使用ng-click傳遞數據：

<img ng-src="{{item.picture}}" width="100" ng-click="open(item)"/>

誰能幫我這個？ 或指出正確的方向？

Answer 1

這樣呢？

我添加了解決方案

resolve: {
    items: function () {
        return $scope.items;
    },
    item: function(){
        return size;
    }
}

在controller我正在做： $scope.item = item; 注入item

Answer 2

我在http://plnkr.co/FzU5SOv3pdZmAPAIOzdo上為您做了一個小矮人。

您希望像當前​​處理項目一樣解析數據。

$scope.open = function (size) {

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

並確保在模態控制器中包括如下所示的現在解析的size對象：

angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($scope, $modalInstance, items, size) {

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

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

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

Answer 3

對我有用的是在resolve中創建一個對象，該對象返回一個包含要共享的變量的對象。

resolve: {
  shared: function(){
    return {
      name: 'Spencer',
      numbers: [1, 2, 3]
    }
  }
}

要訪問shared對象，請在定義模式實例控制器時將其包括在內。

app.controller('ModalInstanceController', function($scope, shared, $uibModalInstance,