使用ng-2 ui-router-2处理角度4的尾随斜率

Question

我是Angular 4的初学者，我在ng-2 ui-router-2中遇到斜杠的问题。

当我点击此网址时，其工作正常

  

http://localhost:8000/dashboard/home

但是通过添加/结尾，它不会显示页面

  

http://localhost:8000/dashboard/home/

我搜索了它，但找到了ui-router 1的解决方案，其中一个解决方案是使用

  

$ urlMatcherFactoryProvider.strictMode（假）;

并且有人说要添加像这样的规则

  $urlRouterProvider.rule(function($injector, $location) {

var path = $location.path();
var hasTrailingSlash = path[path.length-1] === '/';

if(hasTrailingSlash) {

  //if last charcter is a slash, return the same url without the slash  
  var newPath = path.substr(0, path.length - 1); 
  return newPath; 
}});

我将如何在Angular 4中使用ng2 ui-router-2 ??

执行此操作

Answer 1

使用UrlService配置。在路由器配置功能中添加一些代码，设置strictMode。

https://ui-router.github.io/ng2/docs/latest/interfaces/url.urlconfigapi.html#strictmode

export function routerConfig(router: UIRouter) {
  router.urlService.config.strictMode(false);
}

@NgModule({
  imports: [        
    UIRouterModule.forRoot({ config: routerConfig })
  ]
}) export class AppModule {}