Question

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

该表的构建如下：

<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必须通过。

我已经尝试过很多关于模态的研究，但是他们似乎都警觉，没有传递所需的数据（在这种情况下是偶数）。

有没有人有一个有效的例子？一个引导，一些参考给出？

提前致谢！

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

它实际上只在被接受时调用我的函数。有一点要记住，它不是一个好看的对话框，那部分仍然需要工作。

使用AngularJS确认包含数据的对话框

2 个答案: