Angularjs 链接无法导航到所需的路线

我在下面给出了一个引导模式，它位于角度控制器registrationCtrl中，如果尝试重新注册，它会弹出。modal的页脚有一个登录链接，但是当我单击该链接时，只有浏览器地址栏中的url发生了更改。但是页面并没有像预期的那样导航到/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使用时，模态可以完美地工作。我在这里遗漏了什么？

链接问题出现在整个html页面中，而不是模态页面独有的。我发现问题源于将HTML5模式设置为true：

---

如果我们将target=''u self'放在锚标记中，则链接将进行导航。我从中找到了解决办法。但是我找不到真正的原因和解释。如果有人能给我一个解释，那将是非常有帮助的，因为我是一个棱角分明的初学者。

这很可能是一个路径问题，因为登录页面与路径有关，而您当前的页面与路径无关。最好的帮助是使用Chrome开发工具查看它实际查找的路径。地址栏中显示的url是我希望它导航到的url。。。它只是地址栏中的url更改。。。但不导航。。。

angular.module("MyAPP",[],function($locationProvider){
    $locationProvider.html5Mode(true);
});