使用AngularJS的数据确认对话框

Confirmation dialog with data using AngularJS

本文关键字：对话框 数据确认 AngularJS 使用      更新时间：2023-09-26

我正在尝试制作一个对话框，以确认用户想要继续。情况是这样的：我有一张桌子，上面有可能发生的事件。用户可以决定删除该事件。

表格是这样构建的：

<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);
    }
}

现在我想添加一个确认框（我读过关于modal的文章），它会要求用户进行确认。必须通过eventid。

我试着研究了很多关于modal的内容，但它们似乎都很警觉，没有传递所需的数据（在本例中为eventid）。

有人有工作榜样吗？一个线索，一些参考？

提前感谢！

下面是一个部分示例，让您从我写的东西开始：

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对话框中使用它们。

我在这里找到了迄今为止最适合我的情况：https://stackoverflow.com/a/19930247/5459561

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

相关文章：