Question

我正在使用角度应用程序，我正在使用bootstrap模式显示弹出消息。但它没有显示动态标题文本和正文文本。正在显示，但显示空白标题和正文。

我的主控制器如下

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>

但弹出显示空白标题和正文

Answer 1

删除＆＃39; requestUserController＆＃39;从您的代码中使用以下代码打开弹出窗口

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

角度引导模式不起作用

1 个答案: