AngularJS路由不带散列“#”

我正在学习AngularJS，有一件事真的让我很恼火。

我使用$routeProvider为我的应用程序声明路由规则:

$routeProvider.when('/test', {
  controller: TestCtrl,
  templateUrl: 'views/test.html'
})
.otherwise({ redirectTo: '/test' });

但是当我在浏览器中导航到我的应用程序时，我看到app/#/test而不是app/test。

所以我的问题是为什么AngularJS把这个散列#添加到url ?有可能避免吗?

当前回答

你也可以使用下面的代码重定向到主页(主页):

{ path: '', redirectTo: 'home', pathMatch: 'full'}

在如上所述指定重定向后，您可以重定向其他页面，例如:

{ path: 'add-new-registration', component: AddNewRegistrationComponent},
{ path: 'view-registration', component: ViewRegistrationComponent},
{ path: 'home', component: HomeComponent}

2017-05-27 14:27:18

其他回答

在Angular 6中，你可以使用路由器:

RouterModule.forRoot(routes, { useHash: false })

2018-08-30 03:12:10

你也可以使用下面的代码重定向到主页(主页):

{ path: '', redirectTo: 'home', pathMatch: 'full'}

在如上所述指定重定向后，您可以重定向其他页面，例如:

{ path: 'add-new-registration', component: AddNewRegistrationComponent},
{ path: 'view-registration', component: ViewRegistrationComponent},
{ path: 'home', component: HomeComponent}

2017-05-27 14:27:18

try