在路由中将自定义类型作为参数传递->返回:[对象对象]

时间:2019-08-14 12:41:08

标签: angular typescript object parameters angular-router

当我单击链接时,我需要将自定义类型的变量传递给非子/父组件。

自定义类型

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。链接工作正常,发送的数据很重要

0 个答案:

没有答案