Pass angular scope data to pop up HTML page

See more:

AngularJs

Need to Pass data from scope to HTML page data.

$scope.View = function (ID) {
        $scope.Id = ID;
        var modalInstance = $modal.open({
            templateUrl: '/Scripts/Views/Templates/PopupDetails-popup.html',
            controller: PopupController,
            scope: $scope
        });
    };

var PopupController = function ($scope, $http, $modalInstance) {

$http.get('/Test/GetTestData/' + $scope.ID)

           .success(function (data) {

               $scope.PopupDetails = data;
               $scope.PopupDetails.Summary = data.Summary;


           })

What I have tried:

in html page i was trying like below

<div class="col-md-3" style="float:left;border:groove; height:100px">
             <label ng-model="$scope.PopupDetails.Summary"></label>
         </div>