如何将属性传递到Angular中组件的链接中

Question

我的app.component.html中有这个链接…

<a [routerLink]="['system-administration/error-management']">Error Management</a>

我希望能够将title属性传递到应用程序组件上指向另一个组件的链接中，该组件将在其html页面上显示如下。。。

<h1>{{ title }}</h1>

我试着这么做。。。

<a [routerLink]="['system-administration/error-management']" [test]="Error Management">Error Management</a>

但这并没有奏效。

我发球时犯的错误是。。。

Can't bind to 'test' since it isn't a known property of 'a'

我知道我可以创建一个全局文件，并将所有属性放在其中，然后将该全局文件导入每个组件，以访问我想要的属性，但我认为如果我能够简单地传入一个有组件链接的属性，会更简洁。

这在Angular 11中可能吗？

提前感谢！

Answer 1

您可以在其他组件的url参数中使用字符串；

import {Router, ActivatedRoute, Params} from '@angular/router';
import {OnInit, Component} from '@angular/core';
@Component({...})
export class MyComponent implements OnInit {
title: string;
constructor(private activatedRoute: ActivatedRoute) {}
ngOnInit() {
this.activatedRoute.params.subscribe(params => {
const message = params[0];
this.title = message;
});
}
}