2016-08-25 120 views
1

我正在角度應用程序中使用引導模式顯示彈出消息。 但它不顯示動態標題文本和正文text.Pop up顯示,但與空白標題和正文。角度引導模式不工作

我的主控制器是如下

var requestUserController = function ($scope, $window, $uibModal, DataService) { 
    $scope.modalOptions = { 
     headerText: "", 
     bodyText: "" 
    } 

var onServerError = function (data) { 
     $scope.modalOptions.headerText = "Error"; 
     $scope.modalOptions.bodyText = data.statusText; 


     var serverModel = $uibModal.open({ 
      templateUrl: window.serverUrl + 'app/ErrorMessages/PopUpErrorMessage.html', 
      controller: 'requestUserController', 
      scope: $scope 
     }); 

     $scope.cancelForm = function() { 
      serverModel.close(); 
     }; 
    }; 

var onClientDataComplete = function (data) { 
      //window.hideProgress(); 
      $scope.requestUser.clientDrp = data; 
      $scope.clientSelected = $scope.requestUser.clientDrp[0]; 
     }; 

     //window.showProgress(); 
     DataService.getListofClients() 
      .then(onClientDataComplete, onServerError); 

} 

App.controller("requestUserController", ["$scope", "$window", "$uibModal", "DataService", requestUserController]); 

和HTML的模式是

<div class="modal-header" ng-class="{true: 'alert-success', false: 'alert-danger'}[modalOptions.headerText == 'Success']"> 
    <h3>{{modalOptions.headerText}}</h3> 
</div> 
<div class="modal-body"> 
    <p>{{modalOptions.bodyText}}</p> 
</div> 
<div class="modal-footer"> 
<input type="button" class="btn icn-ok" value="Ok" 
      ng-click="cancelForm()" /> 
</div> 

但彈出的顯示空白標題和正文從「requestUserController」的

回答

0

刪除加載您的代碼並使用以下代碼打開彈出窗口

var serverModel = $uibModal.open({ 
     templateUrl: window.serverUrl + 'app/ErrorMessages/PopUpErrorMessage.html', 
     scope: $scope 
    });