title: How to get data from http request in angular ui bootstrap model
body: <p>I am trying to get data from http request inside angular ui bootstrap modal here is my modal code</p>
  
  <pre><code>$scope.open = function (size, id) {
    $scope.hallName=[];  
    var modalInstance = $modal.open({
    templateUrl: 'video_gallery.html',
    controller: HomeCtrl1,
    size: size,
    resolve:{
              hallId:function(){
                $http({
                    url:"../home/get_hall_name/"+id,
                    method: "POST"
                    }).success(function (data) {
                    $scope.hallName=data.hall_name;
                    alert($scope.hallName);
                    }).error(function(){
                    console.log("Something went wrong  get_RegisteredHalls");
                    });
                var hall=$scope.hallName;
                return hall;
              }
            }
  });
  };
  
  var HomeCtrl1 = function ($scope, $modalInstance, hallName) {
    $scope.hallName = hallName;
    $scope.selected = {};
    $scope.ok = function () {};
    $scope.cancel = function () {
      $modalInstance.dismiss('cancel');
    };
  };
  </code></pre>
  
  <p>Here is what I am trying to get hall_name </p>
  
  <pre><code>&lt;script type="text/ng-template" id="video_gallery.html"&gt;
  &lt;div class="modal-header"&gt;
      &lt;h4 class="modal-title" style="text-align:center;"&gt;Videos of  {{hallName}} Hall&lt;/h4&gt;
  &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>I am getting hall_name in alert but cant able to get that in view. please help me to save my day. Thanks in advance.</p>