循環顯示多個模態

Question

我正在使用Angular UI Modals（ http://angular-ui.github.io/bootstrap/#modal ）

我必須在循環中多次顯示相同的模態。

例如，我有一個團隊，我需要連續顯示每個人的編輯團隊成員模態（基本上是向導）

我的問題是，它會打開所有堆疊在一起的模態，我想讓它們一次打開一個模態。

for (var i = 0; i < team.SizeLimit; i++) {
    var participant = { }; // assume this hold the correct participant

    var openModal = $modal.open({
        templateUrl: '/Modals/Participant/Edit.html',
        backdrop: true,
        windowClass: 'modal',
        controller: 'ModalParticipantController',
        resolve: {
            title: function () { return 'Edit Participant'; },
            participant: function () { return participant; }
        }
    });

    openModal.result.then(function (data) {
        alert('success!');
    }); 
}

如何關閉模態，一次一次打開它們？

Answer 1

我不是angularJs用戶，但不久前我遇到了同樣的問題。

而不是在循環中創建模態，而是使用模態本身創建一個循環，在關閉當前模態時在其中檢查下一個參與者。 （我猜openModal.result.then（）是它的回調）

var fnOpenModal = function(i) {
        if (i >= team.sizeLimit)
            return;

        var participant = team[i],
            openModal = $modal.open({
                ....
            });

        openModal.result.then(function (data) {
            alert('success!');
            fnOpenModal(i + 1);
        });
    }
fnOpenModal(0);

絕對不是最好的解決方案，但它是一種可行的快速解決方案:-)