将变量传递到html视图angularjs中

pass variable into html view angularjs

本文关键字:视图 angularjs html 变量      更新时间:2023-09-26

我的angular 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);
    };

我想将应用程序ID传递到我的html页面中

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

但它没有传递任何数据,然后我尝试了

在我的家里_lian_thank_you.html

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

同时传递空数据。那么,我如何将applicationID传递给视图,或者如何在angularjs控制器中delcare全局变量。我尝试过将var放在模块或控制器声明之上,也不将var放于变量名之前,但都无效。

感谢

如果我正确理解你的问题,你需要变量applicationID来绑定html。为了将变量与html绑定,您应该使用$scope。因此,与其声明var applicationID,不如将其声明为一个范围变量,如$scope.applicationID,它将把applicationID数据绑定到html