角度路由添加一个额外的斜杠到我的网址

我在Django与Apache上使用Angular。和我有类似如下的应用程序：角度路由添加一个额外的斜杠到我的网址

(function(){ 
    'use strict'; 

    angular 
     // AngularJS modules define applications 
     .module('app', ['ngRoute']) 

     .config(function($routeProvider) { 
      $routeProvider 
      .when("/", { 
       templateUrl : "/static/app/foo/templates/main.html" 
      }) 
      .when("/red", { 
       templateUrl : "/static/app/foo/templates/red.html" 
      }); 
     }); 

    function foo() { } 
})();

我服务我的网站上：http://localhost/ok/

当我做一个GET到http://localhost/ok/或http://localhost/ok，所有它的罚款和URL分别转化为http://localhost/ok/#!/或http://localhost/ok#!/。

在main.html我有一个链接到red“锚”<a href="#red">Go to Red</a>。它指向http://localhost/ok/#red，但是当我点击它时，red.html未返回，并且我在地址栏http://localhost/ok/#!/#red或http://localhost/ok#!/#red（取决于第一个调用的URL模式）中读取。

我不明白问题在哪里。我该如何解决？

来源

2017-02-10 floatingpurr

试试这个：

<a href="#!/red">Go to Red</a>

来源

2017-02-10 18:07:08

为什么呢？它与常见用法有很大的不同 – floatingpurr

这是常见的用法。请看看如何在官方的Angular教程中构建链接：http://angular.github.io/angular-phonecat/step-9/app/#!/phones –

好吧，我正在关注w3c教程，并且构建了像我的例子。我会看看你的链接！ – floatingpurr

角度路由添加一个额外的斜杠到我的网址

回答

相关问题