My ngAfterViewInit function is not working as expected. I have feeling that I am missing something here.

  ngOnInit() {
   this.dataService.getUsers().subscribe((users) => {this.users = users) ;  
  }

  ngAfterViewInit() {
    if (document.getElementById('target')) {
        document.getElementById('target').scrollIntoView({
          behavior: 'auto',
          block: 'center',
          inline: 'center',
       });
   }

So basically, I'm using ngAfterViewInint() function to scroll to the current item, after the view complete loaded. Inside ngOnInit(), if I am not calling subscribe() and just put a variable there. It works just fine. But its not the case that what i am asking.

I have a work around by using setTimeOut() inside ngAfterViewInit(). But I don't like it. I dont like the fact that its relies on timeout. And I think there would be a better solution for it. Any ideal ? Thanks all.

My ngAfterViewInit function is not working as expected. I have feeling that I am missing something here.

  ngOnInit() {
   this.dataService.getUsers().subscribe((users) => {this.users = users) ;  
  }

  ngAfterViewInit() {
    if (document.getElementById('target')) {
        document.getElementById('target').scrollIntoView({
          behavior: 'auto',
          block: 'center',
          inline: 'center',
       });
   }

So basically, I'm using ngAfterViewInint() function to scroll to the current item, after the view complete loaded. Inside ngOnInit(), if I am not calling subscribe() and just put a variable there. It works just fine. But its not the case that what i am asking.

I have a work around by using setTimeOut() inside ngAfterViewInit(). But I don't like it. I dont like the fact that its relies on timeout. And I think there would be a better solution for it. Any ideal ? Thanks all.

• javascript
• angular
• typescript

• Does your target element depend on data returning from your request? – Pytth Commented Dec 17, 2019 at 22:25
• 1 You cannot refer to elements like this in angular 2+ Refer to this on calling child native elements stackoverflow.com/questions/48226868/… – Rager Commented Dec 17, 2019 at 22:26
• @Pyth yes. it is. – daniel8x Commented Dec 17, 2019 at 22:26
• @Rager Thanks. let me try. – daniel8x Commented Dec 17, 2019 at 22:36