2016-09-29 58 views
1

我試圖爲整個項目中的所有UI模式引發事件,我想要在任何UI模式打開或關閉時觸發事件?Angular Bootstrap模態事件

實施例:

anymodal.opened.then(function() {}); 
+0

能不能介紹一下究竟你正在努力實現這樣的成員在這裏可以得到你想的唯一問題的整體情況闡述使用它們。 –

+0

我試圖運行代碼時,任何模式打開或關閉,就像看任何模式,所以我可以運行我的代碼全部我的應用程序不是每個模態實例單獨? –

+0

當你像一個對話框中說模態? –

回答

3

從文檔兩者(2.1.4版本)

open方法返回一個模態例如,具有以下屬性的對象:

close(result)(類型:函數) - 可用於關閉模式,傳遞結果。

dismiss(reason)(類型:函數) - 可用於消除模態,傳遞原因。

result(Type:promise) - 當模態被關閉時解決,當模態被解除時被拒絕。

opened(Type:promise) - 在下載內容模板並解析所有變量後打開模式時解決。

closed(Type:promise) - 當模式關閉並且動畫完成時解決。

rendered(Type:promise) - 渲染模態時解析。

你在找什麼是最後三個。

,你通常會用一個模式實例

var modalInstance = $uibModal.open({ 
    // define you modal here ... 
}); 

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

modalInstance.opened.then(function() { 
    console.log("modal opened"); 
}) 

modalInstance.closed.then(function() { 
    console.log("modal closed"); 
}) 

modalInstance.rendered.then(function() { 
    console.log("modal rendered"); 
})