Я пытаюсь передать угловой бутстрап модальный URL-адрес изображения, которое было нажато в галерее угловой кладки. То, что у меня есть, очень близко к демо в документации с небольшими изменениями. Я знаю, что это полностью проблема с моим собственным пониманием сферы.
Мой модальный HTML:
<div class="modal-header">
<h3 class="modal-title">I'm a modal!</h3>
</div>
<div class="modal-body">
<ul>
<li ng-repeat="item in items">
<a href="#" ng-click="$event.preventDefault(); selected.item = item">{{ item }}</a>
</li>
</ul>
</div>
<div class="modal-footer">
<button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
<button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
</div>
И в моем контроллере:
angular.module('testApp').controller('GalleryCtrl', function ($scope, $modal, $log) {
$scope.animationsEnabled = true;
$scope.items = ['item1', 'item2', 'item3'];
// Temporary Generation of images to replace with about us images
function genBrick() {
var height = ~~(Math.random() * 500) + 100;
var id = ~~(Math.random() * 10000);
return {
src: 'http://placehold.it/' + width + 'x' + height + '?' + id
};
};
this.bricks = [
genBrick(),
genBrick(),
genBrick(),
genBrick(),
genBrick(),
genBrick()
];
this.showImage = function(item){
alert(item.src); // gives me exactly what im trying to pass to the modal
var modalInstance = $modal.open({
animation: $scope.animationsEnabled,
templateUrl: 'views/modal.html',
scope: $scope,
controller: 'GalleryCtrl',
resolve: {
items: function() {
return $scope.items;
}
}
});
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function() {
$log.info('Modal dismissed at: ' + new Date());
});
}
});
Наконец для ясности, это мой Кладка код
<div masonry>
<div class="masonry-brick" ng-repeat="brick in gallery.bricks">
<img ng-src="{{ brick.src }}" alt="A masonry brick" ng-click="gallery.showImage(brick)">
</div>
</div>
Сейчас это работает отлично, чтобы вернуться объекты помещают 3 значения в теги li в модальные, как в исходном примере. Какой id действительно нравится проходить в модель, это (item.src), но независимо от того, что я меняю, он никогда не пропускается, так что я могу его отобразить.
вы пробовали настройки, что на $ переменная области? $ scope.obj = item.src; –