角度路由添加一個額外的斜槓到我的網址

我在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

角度路由添加一個額外的斜槓到我的網址

回答

相關問題