angularjs - Passing Data to Twitter Bootstrap Modal in Angular -
i want show modal box asking user if want delete post or not. can't figure out how pass key pass in key argument in can alert.
i took code angular twitterbootstrap site can't figure out method pass data confirm remove.
thanks mohammad
$scope.deletepost = function(key, post, event) { alert(key); var modalinstance = $modal.open({ templateurl: 'deletepost.html', controller: modalinstancectrl, resolve: { items: function() { return $scope.posts; } }, }) modalinstance.result.then(function(selecteditem) { $scope.selected = selecteditem; alert(selecteditem); }); }; 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'); }; };
send key via resolve parameter (see plunker):
angular.module('plunker', ['ui.bootstrap']); var modaldemoctrl = function ($scope, $modal, $log) { var key = 1000; $scope.items = ['item1', 'item2', 'item3']; $scope.open = function () { var modalinstance = $modal.open({ templateurl: 'mymodalcontent.html', controller: modalinstancectrl, resolve: { items: function () { return $scope.items; }, key: function() {return key; } } }); modalinstance.result.then(function (selecteditem) { $scope.selected = selecteditem; }, function () { $log.info('modal dismissed at: ' + new date()); }); }; }; // please note $modalinstance represents modal window (instance) dependency. // not same $modal service used above. var modalinstancectrl = function ($scope, $modalinstance, items, key) { alert("the key " + key) $scope.items = items; $scope.selected = { item: $scope.items[0] }; $scope.ok = function () { $modalinstance.close($scope.selected.item); }; $scope.cancel = function () { $modalinstance.dismiss('cancel'); }; };
Comments
Post a Comment