4.5 Router Change - quan1997ap/angular-app-note GitHub Wiki

1. this.activatedRoute.params
2. this.activatedRoute.queryParams

import { Component, OnInit, OnDestroy} from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import { Subject } from 'rxjs';
// RxJs 6.x+ import paths
import { takeUntil } from 'rxjs/operators';
@Component({
  selector: 'app-contract-acceptance-datatable',
  templateUrl: './contract-acceptance-datatable.component.html',
  styleUrls: ['./contract-acceptance-datatable.component.scss']
})
export class ContractAcceptanceDatatableComponent implements OnInit, OnDestroy {
  private unsubscribeAll = new Subject();
  constructor(
    private router: Router,
    private activatedRoute : ActivatedRoute
  ) { 
     this.activatedRoute.queryParams
      .pipe(takeUntil(this.unsubscribeAll))
      .subscribe(params => {
        // Defaults to 0 if no query param provided.
        console.log(params)
      });
  }

  ngOnInit(): void {
  }

  ngOnDestroy() {
    this.unsubscribeAll.next();
    this.unsubscribeAll.complete();
  }

}