具有人类可读名称而不是id的角度路由器导航

时间:2017-04-04 08:01:27

标签: javascript angular

在应用程序路由器中,需要使用名称而不是ID来显示URL。

http://localhost/myproject/statename/districtname

而不是http://localhost/myproject/stateid/districid

用户将首先从列表中选择州和区,以便在此导航中到达。 虽然Angular会在内部保存当前的状态ID和当前的区域ID。

是否有可能以任何方式在Angular(而不是版本1)中以这种方式创建URL?

1 个答案:

答案 0 :(得分:0)

您可以尝试这样的事情: 配置路由:

       {
            path: 'test/:value',
            component: component
        }

致电路线:

 <a [routerLink]="['test/param']"> testRoute</a>

在组件中访问它:

ngOnInit() {
       this.sub = this.route.params.subscribe(params => {
        this.value = params['value'];
        if (this.value !== undefined && this.value != null) {
              //your business logic
        }

    });

}

希望它有所帮助!!