router.navigateが動作していないときの角度2のフォーカス要素

Question

特定のイベントでは、別のルートに移動し、入力フィールドの1つにフォーカスする必要があります。資格・コンポーネントで

マイテンプレート

<qualification> 

<address (updateAddress)="updateAddress($event);"> 

</address> 

</qualification> 

アドレスコンポーネントのHTMLで

ボタンの1

<span class="filter-address" (click)="updateAddressClicked()">Update Address </span> 

アドレスコンポーネントで

@Output() updateAddress = new EventEmitter(); 
updateAddressClicked($event){ 
    this.router.navigate(['/page/one'], {preserveQueryParams: true}) 
    this.updateAddress.emit(true); 
} 

私はvc

ように定義されていますqualificatioinでは

@ViewChildren('inputone') vc; 

HTML

<input #inputone name="inputone"> 

と

updateAddress($event){ 
    this.vc.first.nativeElement.focus() 
} 

のI /ページ/つのルートで午前/ページ/つのルートに移動

（すなわちそれ自体）焦点が働く。しかし、私は別のルートにいる場合は言うことができます/イベントは/ページへのナビゲーションをトリガーするときにページ/ 2は、/ 1は結構ですが、私はすべてのヘルプは高く評価され

EXCEPTION: Uncaught (in promise): TypeError: Cannot read property 'nativeElement' of undefined

を言うエラーが出ます。あなたの現在のコンポーネントで

Answer 1

：

this.router.navigateByUrl(['/page/one?event=true'], {preserveQueryParams: true}) 

は、その後、あなたのコンポーネントには、あなたがこれを行うには、ルーティングされています。

constructor(private activatedRoute: ActivatedRoute) {} 

ngAfterViewInit() { 
    this.subscription = this.activatedRoute.params.subscribe(
    (param: any) => { 
    let event = param['event']; 
    if(event) { 
     this.vc.first.nativeElement.focus(); 
    } 
}); 
} 

イベントクエリアパラムの存在に基づいて条件付きでフォーカスする必要があります。