当我单击链接时,我需要将自定义类型的变量传递给非子/父组件。
自定义类型
export class Dati {
fileJson;
ricette: string[][];
n_Ricette: 0;
nPostazioni: number;
postazioniNome: string[];
defPostazione = "FRIGGITRICI";
}
及其在 app.component.ts 中的初始化:
dati : Dati = {
fileJson: "",
ricette: [[],[]],
n_Ricette: 0,
nPostazioni: 0,
postazioniNome: [],
defPostazione: "FRIGGITRICI",
}
应用程序路由模块
....
const routes: Routes = [
{ path: 'option.component/:dati', component: OptionComponent },
]
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
....
带有路由的html链接(app.component.html)
<a routerLink="/option.component/{{dati}}" >Opzioni</a>
option.component.ts (路由目标)
constructor(private route: ActivatedRoute) {
this.route.params
.subscribe(params => {
console.log(<Dati>(params["dati"]))
});
}
console.log()
中的结果为: [object Object]
。
如何获取我的数据?
ps。链接工作正常,发送的数据很重要