聆听模态点击

Question

这是 angularjs。 出于某种原因，我需要在控制器内创建弹出窗口。 所以我有这样的事情：

var popupTemplate =
            '<div class="modal fade">' +
            '  <div class="modal-dialog">' +
            '    <div class="modal-content">' +
            '      <div class="modal-header">' +
            '        <button type="button" class="close" data-dismiss="modal">&times;</button>' +
            '      </div>' +
            '      <div class="modal-body">' +
            '      <div>You sure?</div>' +
            '      </div>' +
            '      <div class="modal-footer">' +
            '        <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>' +
            '        <button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>' +
            '      </div>' +
            '    </div>' +
            '  </div>' +
            '</div>';

要打开模式，我运行这个：

var themodal = $(popupTemplate).modal();                

我需要知道用户是否点击了 OK 按钮。 不幸的是，添加“ng-click”会导致问题。 什么都没有执行。 我已经阅读了一些关于编译和/或使用 data-ng-click 的内容。但这些都不起作用。

所以我在考虑听诺言。 但是有：

themodal.then(function(){
            console.log("test");
        })  

导致错误“themodal.then 不是函数”。

然后我尝试运行它：

var dialog = $modal.open(popupTemplate);
dialog.result.then(function(){
    //Do stuff with respect to closure
});           

然后我得到一个“$modal-open is not a fucntion”。

即使我在我的应用中包含了“$modal”。

我应该使用其中的哪一种，如何使其中一种方法发挥作用？

Answer 1

请看看我在here 中的回答，我相信它会帮助您解决这个问题，并为您提供模态使用的另一个视角。