Angular-ui modal-передача данных в модальный
Я пытаюсь передать некоторые модели данных в модальное окно при его открытии. Когда пользователь нажимает на элемент, я хочу открыть модальное окно и отобразить более подробную информацию о том, что было нажато.
Я создал plunker это работает, как я хочу, за исключением передачи данных в модальное окно.
Я пытаюсь передать данные с помощью ng-click:
<img ng-src="{{item.picture}}" width="100" ng-click="open(item)"/>
может кто-нибудь помочь мне с этим? или точка я в правильном направлении?
3 ответов
как о этой?
Я добавил элемент в resolve
resolve: {
items: function () {
return $scope.items;
},
item: function(){
return size;
}
}
и controller
Я делаю: $scope.item = item;
после впрыскивать item
Я сделал планкер для вас в 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;
}
}
});
и в вашем модальном контроллере обязательно включите теперь разрешенный объект размера следующим образом:
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');
};
});
что сработало для меня, так это создать объект внутри resolve
это возвращает объект, который содержит переменные, которые я хотел поделиться.
resolve: {
shared: function(){
return {
name: 'Spencer',
numbers: [1, 2, 3]
}
}
}
к shared
объект, включите его при определении модального контроллера экземпляра.
app.controller('ModalInstanceController', function($scope, shared, $uibModalInstance,