angular ui modal can NOT refer to parent scope

Question

i am using angular ui modal to create modal in my project.

Everything works fine until I need to refer to variable in parent scope. see plunker code

It seems lik

Answer 1

You'll need to refer to the parent scope in your $modal options. Angular documentation

Corrected Plunker Version

Below is also a code snippet of what I added to make it work.

var modalInstance = $modal.open({
  templateUrl: 'myModalContent.html',
  controller: ModalInstanceCtrl,
  scope:$scope, //Refer to parent scope here
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});