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

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -