передать переменную в html view angularjs

Question

У меня этот код в моем угловом контроллере js.

angular.module('IpadAppApp') 
    .controller('Mortgage_LoanCtrl', function ($location, $scope, $http, $modal, $sce) { 

    var host = 'http://localhost:3000'; 
    var applicantID; 

    $scope.submit_info = function(size) { 
    $http.post(url, data, { withCredentials: true, headers: { 'Accept': 'application/javascript', 'Content-Type': 'application/x-www-form-urlencoded;'} }) 
     .success(function (caseID) { 
      var modalInstanceSubmit = $modal.open({ 
       templateUrl: 'views/mortgage_loan/home_loan_thank_you.html', 
       controller: 'Mortgage_LoanCtrl', 
       size: size  
       }); 
       applicantID = caseID;  
     }) 
    }; 

    $scope.thank_you_page = function(thank_you_page_data) { 
     return $sce.trustAsHtml(thank_you_page_data); 
    }; 

Я хочу передать applicantID в мою HTML страницу

<div class="ls-case-id"> Your case ID is: {{applicantID}} </div> 

Но это не проходит никаких данных я затем попытался

В моей home_loan_thank_you.html

<p ng-bind-html='thank_you_page(bodyinfo)'></p> 

Также передаются пустые данные. Итак, как мне передать идентификатор заявителя для просмотра или как можно обрабатывать глобальные переменные в контроллере angularjs. Я попробовал вариант размещения над моим объявлением модуля или контроллера, а также не помещать var перед именем переменной, но все безрезультатно работает.

Благодаря

Answer 1

Если я правильно понимаю ваш вопрос, вам нужна переменная applicantID для связывания с HTML. Чтобы связать переменную с html, вы должны использовать $ scope. Таким образом, вместо того, чтобы объявить уаг applicantID, объявить его в качестве переменной области действия, как $ scope.applicantID, который будет связывать данные applicantID в HTML