Question

尝试设置一个（我认为）相对简单的模式来显示网站cookie策略。

政策在/cookiepolicy。检查，该链接工作得很好。

然后我创建了一个按钮（确实调用了代码）

<a class="btn btn-default" href ng-click="showCookie()">Read More</a>

由于我只想调用url的模态，所以不再添加到html中。

调用模态的函数（也调用它并根据最后一行报告成功。）

app.controller('IndexController', function($scope, ModalService) {
    $scope.showCookie = function (data) {
        ModalService.showModal({
            templateUrl: "/cookie-policy",
            controller: "ModalController"
        }).then(function (modal) {

            //it's a bootstrap element, use 'modal' to show it
            modal.element.modal;
            modal.close.then(function (result) {
                console.log(result);
            });
        });
    }
});

模态也有自己的控制器

betchaHttp.controller('ModalController', function($scope, close) {

    // when you need to close the modal, call close
    close("Success!");
});

问题是，当我按下它时，页面上没有任何内容，也没有错误消息。我错过了一些相当明显（或不那么明显）的东西

Answer 1

幸运的是，这只是一个小的语法拼写错误。观察您的.then()阻止并更改...

modal.element.modal;     // -- nothing

到

modal.element.modal();  // -- fn call

JSFiddle Link - 演示

角度模态服务不显示模态

1 个答案: