我有一个下面给出的bootstrap模式,它位于一个角度控制器registrationCtrl
内,如果尝试重新注册,它会弹出。模态的页脚有一个LOGIN
链接,但是当我点击链接时,只有浏览器地址栏中的网址会发生变化。但该页面并未按原样导航到/login
。
<div class="modals">
<div id="registered" tabindex="-1" role="dialog" aria-labelledby="registeredModal" aria-hidden="true" class="modal fade">
<div class="modal_container">
<div id="modal-head"><span>Already Registered</span></div>
<div class="modal_body">
...
</div>
<div class="modal_footer">
<div id="notice"><span>*Please login to continue or cancel to register with different </span></div>
<div class="buttons button-toolbar">
<div class="login btn-vert-block">
<span><a href="/login">LOGIN</a></span>
<div class="cancel btn-vert-block"> <!--the link that is not working-->
<span>
<button type="button" data-dismiss="modal">CANCEL</button>
</span>
</div>
</div>
</div>
</div>
当用作独立的html时,模态非常有效。我在这里缺少什么?
答案 0 :(得分:0)
链接问题出现在整个html页面中,并不是模态所独有的。我发现问题源于将html5Mode
设置为true
:
angular.module("MyAPP",[],function($locationProvider){
$locationProvider.html5Mode(true);
});
如果我们将target='_self'
放在锚标记中,则链接会导航。我从here找到了解决方案。但我找不到实际的理由和解释。如果有人可以给我一些很有帮助的解释,因为我是一个有角度的初学者。