AngularJS從模態傳回數據

Question

我希望在這裏得到一些幫助...我正在考慮利用AngularJS進行一些我想到的項目。目前正在試用Bootstrap UI指令。請看看我的代碼在這裏：http://pastebin.com/zJGpNLep

是否有一種方法，我可以更新$ scope.groups與$ scope.formData從一個模式生成的數據？我已經嘗試$ scope.groups.push（$ scope.formData），它已被證明不成功，只有通過刷新頁面才能看到新數據。

任何想法??

感謝

Answer 1

你在正確的軌道上，你剛剛離開了這幾行：

modalInstance.result.then(function (formData) { 
    //use formData 
}); 

這應該在你的$ scope.showAddGroupModal函數結束時如圖所示在這裏引導-ui的例子：

$scope.open = function() { 

    var modalInstance = $modal.open({ 
    templateUrl: 'myModalContent.html', 
    controller: ModalInstanceCtrl, 
    resolve: { 
     items: function() { 
     return $scope.items; 
     } 
    } 
    }); 

    modalInstance.result.then(function (selectedItem) { 
    $scope.selected = selectedItem; 
    }, function() { 
    $log.info('Modal dismissed at: ' + new Date()); 
    }); 
}; 

Answer 2

您需要與在從調用返回到開放對象的結果財產的承諾互動。當模態被關閉或當模態被解除時被拒絕時，這個承諾將被解決。任何通過關閉的數據或解散將通過promise回調返回。

在高層次上，它看起來像這樣：

var modal = $modal.open({ 
    // modal setup 
}); 

modal.result.then(function(group) { 
    $scope.groups.push(group) 
}, function() { 
    // the modal was dismissed 
}); 

希望有所幫助。