我有一種感覺,我對$ scope非常困惑,因此我沒有選擇任何東西。難以理解所選卡片從哪裏被調用,如果有的話。 難道有人會向我解釋我哪裏出錯了嗎?AngularJS引導UI,將數據傳遞到模態。 selectedCards undefined
注: 我相信我有太多的文件等,以打造值得一plunkr翻翻,但現場真人版可以在這裏找到: http://marcmurray.net/test_sites/card_site/index.html
的Javascript:
angular.module("cardSite", ['masonry', 'ngAnimate', 'ui.bootstrap'])
.controller('mainCtrl', function($scope, dataService, $scope, $uibModal, $log) {
$scope.cards = [];
dataService.getCards().then(function(response) {
$scope.cards = response.data;
}, function() {});
$scope.plusOne = function(card) {
card.card_rating += 1;
};
$scope.isActive = false;
$scope.changeClass = function() {
$scope.isActive = !$scope.isActive;
};
// Modal stuff here
$scope.modalUpdate = function(size, selectedCard) {
var modalInstance = $uibModal.open({
animation: $scope.animationsEnabled,
templateUrl: 'sendCard.html',
controller: function($scope, $uibModalInstance, cards) {
$scope.cards = cards;
$scope.send = function() {
$uibModalInstance.close($scope.selectedCard);
console.log($scope.selectedCard);
};
$scope.cancel = function() {
$uibModalInstance.dismiss('cancel');
};
},
size: size,
resolve: {
cards: function() {
return $scope.selectedCard;
}
}
});
modalInstance.result.then(function(selectedCard) {
$scope.selected = selectedCard;
}, function() {
$log.info('Modal dismissed at: ' + new Date());
});
};
});
sendCard.html:
<div ng-controller="mainCtrl">
<div class="modal-header">
<h3 class="modal-title">Ready to send a card?</h3>
</div>
<div class="modal-body">
Card selected: <b>{{card.card_title}}</b>
</div>
<div class="modal-footer">
<button class="btn btn-primary" type="button" ng-click="send()">Send</button>
<button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
</div>
HTML調用的模式:
<button ng-click="modalUpdate(lg, card)" class="btn btn-stretch">Send</button>
沒做什麼可悲! – Jackanapes