使用AngularJS的数据确认对话框

Question

我正在尝试创建一个对话框，确认用户要继续。 情况是这样的：我有一个包含may事件的表。 用户可以决定删除事件。

该表的构建如下：

<tbody>
    <tr ng-repeat="event in EventsCtrl.events>
        <td>
            <a ng-click="event.updateStatusDone(event.eventid)" href="#">
                <i class="delete-icon"></i>  
            </a>
        </td>
        <td>{{event.timestamp}}</td>
        <td>{{event.date}}</td>
        ...

控制器中的相关代码如下所示：

app.controller('EventController', ['$http', function($http){
    this.updateStatusDone = function(eventid){
        $http.delete(serverUrl + "/manage/event/" + eventid);
    }
}

现在，我想添加一个确认框（我阅读了有关模态的信息），它将要求用户进行确认。 必须传递事件eventid 。

我已经尝试了很多有关模态的研究，但是它们似乎都在不传递所需数据的情况下发出警报（在这种情况下为eventid）。

有人有可行的例子吗？ 线索，给一些参考？

提前致谢！

Answer 1

这是一个部分示例，可以帮助您从我写的内容开始：

function createMessageBox($dialog, title, message, buttons) {
    var msgBox = $dialog.dialog({
        templateUrl: 'partials/dialogs/message_dialog.html',
        controller: 'MessageBoxController',
        backdrop: false,
        dialogClass: 'modal confirm-dialog movable',
        resolve: {
            model: function () {
                return {
                    title: title,
                    message: message,
                    buttons: buttons
                };
            }
        }
    });

    return msgBox;
}

如您所见，我正在传递title ， message和buttons变量，然后在message_dialog.html对话框中使用它们。

Answer 2

我在这里找到了适合我情况的最好的东西： https : //stackoverflow.com/a/19930247/5459561

它只有在被接受时才调用我的函数。 请记住，这不是一个漂亮的对话框，该部分仍需要工作。