角度ルーティングが私のURLにスラッシュを追加します

Question

にAngularを使用しています。Apacheです。そして、私は次のようなアプリを持っている：

(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/またはhttp://localhost/okにGETを行うと、すべてがそれは大丈夫です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は返されず、最初の呼び出しのURLパターンに応じて、アドレスバーhttp://localhost/ok/#!/#redまたはhttp://localhost/ok#!/#redが読み込まれます。

問題の原因はわかりません。どうすれば修正できますか？

Answer 1

これを試してみてください：

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