angularjs - 使用 confirm() 时将局部变量传递到 $mdDialog

Question

我试图在页面上显示一个 $mdDialog 以确认删除一个对象。我在页面上有一个简单的删除按钮，连接到 Controller 功能:

<button ng-click="delete(item, $event)">Delete</button>

在 Controller 中，我有:

$scope.delete = function (item, ev) {
    var confirm = $mdDialog.confirm()
            .title('Delete item?')
            .textContent('The item will be irretrievably deleted!')
            .ariaLabel('Delete')
            .targetEvent(ev)
            .ok('Delete!')
            .cancel('Cancel');

    $mdDialog.show(confirm).then(function () {
        // delete
        console.log("test");
    }, function () {
        // don't delete
    });
};

我不知道如何将 item 对象传递到实际的删除函数中。 documentation展示了如何将局部变量传递到对话框中，但这似乎排除了使用 confirm() 来构建选项。

Either provide an $mdDialogPreset returned from alert(), and confirm(), or an options object with the following properties:

(强调我的)

Answer 1

您应该能够只使用“项目”。

$scope.delete = function (item, ev) {
var confirm = $mdDialog.confirm()
        .title('Delete item?')
        .textContent('The item will be irretrievably deleted!')
        .ariaLabel('Delete')
        .targetEvent(ev)
        .ok('Delete!')
        .cancel('Cancel');

$mdDialog.show(confirm).then(function () {
        //item is available here
        console.log(item);
    }, function () {
        // don't delete
    });
};