角度ブートストラップモーダルが動作しない

Question

私はブートストラップモーダルを使ってポップアップメッセージを表示している角度アプリケーションに取り組んでいます。 が表示されていますが、動的ヘッダーテキストと本文テキストが表示されていません。ポップアップが表示されていますが、ヘッダーと本文が空白です。

<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」の

Answer 1

削除読み込みからを示しているがポップアップ

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として

私のメインコントローラでありますあなたのコードを開いてポップアップウィンドウに次のコードを入力してください

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