Question

有没有办法在路线数据中引用路径参数？

我有一个如下所示的通用路线： { path: "Servicing/:type/:id", component: BaseComponent, data: { title: "Servicing" } },

我使用title属性在页面顶部设置标题（以及<title>标记）。因此，不必编写一些特殊代码，其中此标题处理必须知道某些页面应该在type路径参数之前添加，我喜欢这样做： { path: "Servicing/:type/:id", component: BaseComponent, data: { title: <type> + " Servicing" } },

Answer 1

你真的应该操纵它所在的组件中的菜单内容。路由器并非“真正”构建，以处理路由之外的逻辑。也就是说，最简单的方法是在路由更改时更新菜单组件中的内容。

您需要使用ActivatedRoute导入路由器并点击其参数，如下所示：

<强> basecomponent.component.ts

import { ActivatedRoute } from '@angular/router';

constructor(
    private _ActivatedRoute: ActivatedRoute
) {}

ngOnInit() {

    // Subscribe to route parameter observable.
    this._ActivatedRoute.params.subscribe(
        _Params => {
            this.type = _Params['type'];
            this.id = _Params['id'];
        }
    )
}

Angular 2/4：如何在路径数据中引用路径参数？

1 个答案: