無法從AngularJS中的Modal窗口路由

我在UI中有一個按鈕。點擊那個，我打開一個引導模態窗口。在我的模式窗口中有另一個按鈕。我想在模態窗口中點擊該按鈕導航到不同的路線。無法從AngularJS中的Modal窗口路由

$('#cartModal').modal('hide'); 
$location.path('/AngularJS/phonecat/#phones/address');

但它只關閉模式彈出窗口，不會路由到給定的路徑。

打開模態窗口前

早些時候路線：/ AngularJS/phonecat /＃手機關閉模態窗口後預期的路線：/ AngularJS/phonecat /＃電話/地址

我無法找到它爲什麼不加工。請幫助。

我試圖從主應用程序獲取一些代碼部分。希望它會有所幫助。 http://jsbin.com/vizequ/2/edit?html,js

2015-09-03 Devesh M

通過添加代碼片段，它會增加您的更改，以獲得富有成效的建議和回答 – road2victory

嘗試附加代碼片段以更改模型隱藏事件的路線。

$('#myModal').on('hidden.bs.modal', function (e) { 
    $location.path('/AngularJS/phonecat/#phones/address'); 
});

如果這沒有幫助，你可以發佈一個更詳細的代碼或jsFiddle嗎？

2015-09-03 09:14:05

無法正常工作。請檢查jsbin代碼。 –

你隱藏你的模態後附加事件。應在加載時附加事件。 –

我知道。我也嘗試過。在初始化控制器時，我監聽此事件並設置路徑路徑。它在關閉模式窗口時不會聽到事件。點擊該模式按鈕，我只是隱藏模式窗口。但仍然沒有工作。 –

這是我的錯誤。我正在給路由器分配錯誤的路徑。點擊模式窗口的按鈕，我寫下了下面的代碼。

$location.path('/phones/address'); 
$('#cartModal').modal('hide'); 
$('.modal-backdrop').remove();

它解決了我的問題。希望它能幫助別人。

2015-09-07 05:00:46

回答