ルートはページロード後初めて動作します

Question

Hy、

ページのロード後にルーティングが1回しか機能しない理由を教えていただけますか？

FE：

、ページの読み込み（作品） - >を選択してbook1（作品） - >（動作しない）他を選択

または

、ページの読み込み（作品） - >を選択しBOOK2（作品） - >を選択し（動作しない）他の

となど

my example

私は何を欠席しましたか？

他の提案も非常に便利です。

Answer 1

あなたのサンプルを有効にするには、ルートパラメータが変更されたときにサブスクリプションを設定する必要があります。

これは、次の方法で行うことができます

ngOnInit(): void { 
    this.activatedRoute.params.subscribe((parms: any) => {    
     if (parms.laikID) { 
      this.atsakymas = this.books.getBook(parms.laikID); 
      this.ats = JSON.stringify(this.atsakymas); 
     } 
    }); 
} 

あなたの例で動作すること。しかし、あなたは、おそらくデータバインディングを使用するのではなく、ルートparamsのサブスクリプションを調べるべきです。

Answer 2

何がURLでのparamater以外

constructor(private http: HttpService,private activatedRoute:ActivatedRoute,private books:Books) { 
    this.activatedRoute.params.subscribe((params: any) => { 
     const laikID = params['laikID']; 

     console.log(laikID); 
    }); 
} 

が変化しないので、あなたのコンポーネントが再利用されているが、これは変更にあなたがルートを変更するたびにログコンソールますあなたのNaujaiGautiComponentに出て、上記のコードを試してみてください。

幸運を祈る！

Answer 3

私はお手伝いしたいと思いますが、あなたのコードはわかりにくいです。 2つのコンポーネントだけで簡単なプロジェクトを作成することをお勧めします。コンポーネント間をルーターで接続できるかどうかを確認してください。手動でナビゲートしないでください。メニューがあることを確認してください。一度それを取得すると、あなたは前進することができますまたはあなたは質問を再尋ねることができます