循環顯示對話框並處理accept事件

Question

在我的Nativescript應用中，我有一個循環，想為每個要迭代的項目顯示一個對話框。 當對話框顯示時，它包含“接受”和“拒絕”選項，當單擊它們時，我都想調用將迭代項傳遞到其中的方法。 問題在於，由於選項選擇返回了一個承諾，我將丟失對迭代項的引用。 我該怎么辦才能解決這個問題？ 這是我的代碼示例。

編輯：我也真的不喜歡在諾言返回后在循環中聲明一個函數。

function _showPendingConnections() {    
    for (var i = 0; i < ViewModel.pendingConnections.length; i++) {
        var pendingConnection = ViewModel.pendingConnections[i];
        dialog.confirm({
            message: pendingConnection.PatientFirstName + " would like to share their glucose readings with you.",
            okButtonText:"Accept",
            cancelButtonText:"Reject"                                    
        }).then(function(result) {
            if(result === true) {
                ViewModel.acceptConnection(pendingConnection);
            } else {
                ViewModel.removeConnection(pendingConnection);
            }            
        });
    }
}

Answer 1

以下更改對我有用（我可能創建了不同的viewModel，但是想法是相同的）-我所做的就是更改傳遞項目索引時的更改。

例如：

// main-page.js

"use strict";
var main_view_model_1 = require("./main-view-model");
var dialogModule = require("ui/dialogs");
var viewModel = new main_view_model_1.MyViewModel();
viewModel.pendingConnections = [{ PatientFirstName: "John" }, { PatientFirstName: "Merry" }, { PatientFirstName: "Abygeil" }];
// Event handler for Page "navigatingTo" event attached in main-page.xml
function navigatingTo(args) {
    // Get the event sender
    var page = args.object;
    page.bindingContext = viewModel;
    for (var index = viewModel.pendingConnections.length - 1; index >= 0; index--) {
        connectionDealer(index);
    }
}
exports.navigatingTo = navigatingTo;
function connectionDealer(index) {
    var pendingConnection = viewModel.pendingConnections[index];
    dialogModule.confirm({
        message: pendingConnection["PatientFirstName"] + " would like to share their glucose readings with you.",
        okButtonText: "Accept",
        cancelButtonText: "Reject"
    }).then(function (result) {
        if (result === true) {
            // your code follow.. pass pendingConnection[index] to your method
            console.log("accepted by " + pendingConnection["PatientFirstName"]);
        }
        else {
            // your code follow.. pass pendingConnection[index] to your method
            console.log("Rejected by " + pendingConnection["PatientFirstName"]);
        }
    });
}


// main-view-model.js

   "use strict";
var observable = require("data/observable");
var MyViewModel = (function (_super) {
    __extends(MyViewModel, _super);
    function MyViewModel() {
        _super.apply(this, arguments);
    }
    Object.defineProperty(MyViewModel.prototype, "pendingConnections", {
        get: function () {
            return this._pendingConnections;
        },
        set: function (value) {
            if (this._pendingConnections !== value) {
                this._pendingConnections = value;
            }
        },
        enumerable: true,
        configurable: true
    });
    return MyViewModel;
}(observable.Observable));
exports.MyViewModel = MyViewModel;