this.router.navigate['/catalog']; 不在 stackblitz 項目中工作

Question

我是 Angular 的初學者。

我想從 component.ts 代碼（而不是模板）路由到頁面。

我從 stackblitz 開始並分叉了它，但它不起作用：

https://stackblitz.com/edit/angular-router-basic-example-kbgxr6?file=app/app.component.ts

我剛剛將其添加到現有代碼中：

  constructor(private router: Router) {}

  toCompA() {
    console.log('to comp a');
    // this is not working ?
    this.router.navigate['/catalog'];
    console.log('to comp a end');
  }

它出什么問題了？

Answer 1

您沒有調用該方法。 這本質上是訪問 object this.router.navigate的屬性/catalog並且不對結果做任何事情：

this.router.navigate['/catalog'];

正確的語法是：

this.router.navigate(['/catalog']);