无法从AngularJS中的Modal窗口进行路由

Question

我在UI中有一个按钮。点击它，我打开一个bootstrap模态窗口。我的模态窗口中还有一个按钮。我想在模态窗口中点击该按钮导航到不同的路线。

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

但它只关闭模态弹出窗口，不会路由到给定路径。

打开模态窗口之前的早期路线：/ AngularJS / phonecat / #phone 关闭模态窗口后的预期路线：/ AngularJS / phonecat / #phones / address

我无法找到它无法正常工作的原因。请帮助。

我试图从主应用程序中获取一些代码部分。希望它会有所帮助。 http://jsbin.com/vizequ/2/edit?html,js

Answer 1

尝试附加代码段以更改模型的hide事件上的路由。

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

如果这没有帮助，您可以发布更详细的代码或jsFiddle吗？

Answer 2

这是我的错。我正在为路由器分配错误的路径。点击模态窗口的按钮，我已经编写了下面的代码。

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

它解决了我的问题。希望它能帮助别人。