＃を使わないでハッシュを使用してください！ in anglejs in router

Question

anglejsのコードのような自分のルータを作成する必要があるのは、単純なプラグインシステムを使ってルートを動的に追加する必要があるからです。私はこのようなナビゲーションを持っています。このような

<ul> 
    <li><a href="#page1">page1</a></li> 
    <li><a href="#page2">page2</a></li> 
</ul> 

と私のコントローラの外観：

app.controller('main', function($scope) { 
    let set =() => { 
     this.panel = location.hash.replace(/^#/, ''); 
    }; 

    $(window).on('hashchange',() => { 
     $scope.$apply(set); 
    }); 
    set(); 
}); 

私は別のパネルが表示されますが、コントローラパネルのプロパティに依存します。

私は#!#page1のリンクをクリックしたらどうすれば#!#を防ぎ、＃page1をハッシュにすることができますか？または、＃！/ page1（ルータを追加せずに）の場合は、href = "page1"を追加しているので、存在しないページへの通常のリンクがあります（角度外）。

Answer 1

あなたが削除する必要があるハッシュ・バングはありますか（＃！）。そのために、あなたは、たとえば、あなた

<base href="/"> 

のindex.htmlの中にベースタグを追加して、trueに@locationProvider HTMLモードを設定する必要があります。

angular.module('myApp').config(function ($routeProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); //activate HTML5 Mode 
}); 

最後＃すなわち（＃1ページ1）だろうそのセクションを横切るようにidを設定するときにそこにあります