0

Angular2 でqueryParams使用してバインドすると、次のエラーが発生します。routerLink

[エラー] 値のシリアライズ中に例外が発生しました

このエラーは、DOM を調べると表示されます。リンクはページにまったく表示されないため、コンソールにもエラーがなかったため、これが唯一のデバッグ方法でした。

DOM のスクリーンショット

コンポーネントコード

export class FormatUrlLinkComponent implements OnInit {
  @Input('url') apiUrl: string;
  @Input('text') linkText: string;
  validUrl: {
    url: string,
    query: object
  } = {
    url: '',
    query: {}
  };

  constructor() { }

  ngOnInit() {
    // Format url into a valid url for routerLink
    this.validUrl = queryString.parseUrl(this.apiUrl);
    console.log(this.validUrl.query);
  }

}

テンプレート コード

<a [routerLink]="validUrl.url" [queryParams]="validUrl.query"></a>

を実行するconsole.log(this.validUrl.query)と、次のように表示されます。

{Ntt: "welded"}

ここで何か間違ったことをしていますか？

4

1 に答える 1