Breaking News: Grepper is joining You.com. Read the official announcement!

how to edit data using a popup in angular js

Karim Chehade answered on September 10, 2022 Popularity 3/10 Helpfulness 1/10

answer how to edit data using a popup in angular js

how to edit data using a popup in angular js

Comment

var app = angular.module('plunker', ["ui.bootstrap"]);

app.controller('MainCtrl', function($scope, $uibModal) {
  $scope.name = 'World';
  $scope.enteredUser = {};
  $scope.enteredUser.name = 'not yet entered';
  $scope.enteredUser.address = 'not yet entered';
    
    $scope.OpenModal = function(){
      var modalInstance = $uibModal.open({
        ariaLabelledBy: 'modal-title',
        ariaDescribedBy: 'modal-body',
        templateUrl: 'myModalContent.html',
        size: "lg",
        controller: 'modalController'
      });
  
      modalInstance.result.then(function (user) {
        //$ctrl.selected = selectedItem;
        $scope.enteredUser = user;
      }, function () {
        //$log.info('Modal dismissed at: ' + new Date());
      });
    };
});

app.controller('modalController', function($scope, $uibModalInstance){
  $scope.ok = function(){
    $uibModalInstance.close($scope.user);
  };
  
  $scope.cancel = function(){
    $uibModalInstance.dismiss('cancel');
  }
});

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: angular edit javascript popup using

Link to this answer
Share Copy Link

Contributed on Sep 10 2022

Karim Chehade

0 Answers Avg Quality 2/10

how to edit data using a popup in angular js

Contents

More Related Answers

how to edit data using a popup in angular js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.