javascript - 散列模式下的 Angular JS 链接行为不正确

Question

我的 Angular 应用程序页面中的链接存在一些问题。

所以只是快速概述:

• 我关闭了 html 5 模式

• 这是我的路由设置

    $routeProvider
      .when('/',{
        templateUrl: '/views/search.html',
        controller : 'SearchCtrl'
      })
  .when('/result',{
    templateUrl: '/views/result.html',
    controller : 'resultCtrl'
  })
  .when('/no-result',{
    templateUrl: '/views/no-result.html',
    controller : 'noResultCtrl'
  })
  .otherwise({
    redirectTo: '/'
  });
  

  $locationProvider.html5Mode(false);

我发现的问题是 url 的行为

• 如果我只输入我的域，页面会很好地加载到以下 url

域/# 和 View 正确加载并加载 Controller

• 但是假设我的页面中有一个 href 我想链接回主页

如下

<a ng-href="/" class="link-dark">Link </a>

它将 url 更改为 Domain/#，但不会加载 View 和 Controller 。

但如果我将 url 更改为

<a ng-href="/#/" class="link-dark">Link </a>

它加载正确。

这是正常的行为吗？

Answer 1

这是正常行为。如果您使用像 Angular Ui-router 这样的东西，您实际上可以使用状态而无需使用 # 符号。