は未定義

Question

のプロパティ「queryParams」を読み取ることができません私は（角度5を使用して）URLからクエリパラメータを取得しようとしている：

import { Component, OnInit, OnDestroy } from '@angular/core'; 
import { ActivatedRoute, Router } from '@angular/router'; 

@Component({ 
    selector: 'app-shop', 
    templateUrl: './shop.component.html' 
}) 

export class ShopComponent implements OnInit { 
    constructor(private route: ActivatedRoute, private router: Router) { } 

    ngOnInit() { 
     private sub: any; 

     private keyword: string; 

     this.sub = this.route.queryParams.subscribe(params => { 
      this.keyword = params['keyword'] || null; 
     }); 

     console.log(this.keyword); 
    } 

    ngOnDestroy() { 
     this.sub.unsubscribe(); 
    } 
} 

私は、コンソールログに次のエラーが表示されます。

shop.component.ts:18 Uncaught TypeError: Cannot read property 'queryParams' of undefined

Answer 1

this.sub =のアクセスを無効にしてください。また、あなたがドット経由のparamsを照会するacceesに試すことができます：

this.route.queryParams.subscribe(params => { 
    this.keyword = params.keyword || null; 
}); 

Answer 2

それは、エラーの原因となった、私はngOnInit()内部private変数を設定していること、が判明しました。ああ...！