Angular cannot get the @inputData for routing - getCurrentNavigation() method returns null value

Question

<app-example [id]="requestId"></app-example>

We have add the selector in another component with passing the id.

export class exampleComponent implements OnInit {
    @Input() id:number;

Id:string;

}

constructor(private fb: FormBuilder, private _AppService: AppService, private router: Router, private route: ActivatedRoute) {
        this.router.getCurrentNavigation().extras.state != undefined ? this.Id = this.router.getCurrentNavigation().extras.state.key : '';
        this.route.data.subscribe(data => {
            this.current_path = data.urlname;
        })
}

we've using the getCurrentNavigation() method, but its return null value

checkout this solution. may be duplicate of stackoverflow.com/questions/54891110/… — Allabakash
– Allabakash, Commented Oct 17, 2019 at 6:40

Giorgi · Accepted Answer · 2019-10-17 06:39:37Z

1

Try something like this

constructor(private router: Router) {

router.events.subscribe((event) => {
  if (event instanceof NavigationEnd) {
    this.current_path = event.url;
 }
})

answered Oct 17, 2019 at 6:39

Giorgi

913 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular cannot get the @inputData for routing - getCurrentNavigation() method returns null value

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related