Regarding Calling Function After Content View

Dear All,

While passing some values from one component to another component in Angular 5. I am facing one problem is that I am calling one function inside constructor in that what I am doing is just print values which comes from database using ASP .Net MVC, for example suppose I want to print ID then there to setting text or value I using following code -

document.getElementById('lblID')['textContent'] = value;

while debugging I get come to know that it is happening because of content is still not get loaded and I calling that function so because of that I am getting error.

If I refresh that page then I am getting all appropriate values without having any error.

I have tryied all LifeCycle Hook of Angular. On wihct event I should call that function?

Please let me know any solution if you have.

Thanking You in Advance.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Rupesh Kahane7y ago
Accepted answer
Please try below code and write your logic to get data from database / service etc or bind data to Id / class in getData(); function.
export class FormComponent implements OnInit {

     constructor() { }

    async ngOnInit() {
        try {
            await this.getData(); // DataCall
        } catch (err) {
            console.log('Error', err);
        }
       }
}
+1