Cannot read property ‘native-element’ of undefined

by

I think you are tring to get the value from html before rendering completely. If you try to print the value in a button click, it will works.

depend on your code I have modified a little.Try the below, it is working for me.

  ngAfterViewInit() {
    console.log("afterinit");
    setTimeout(() => {
      console.log(this.abc.nativeElement.innerText);
    }, 1000);
  }

Note: If not working, please increase the timeout time and try again.

More Related Contents:

  1. Ionic 2 – global NavBar for the app
  2. Ionic 2 Form goes up when keyboard shows
  3. Property ‘files’ does not exist on type ‘EventTarget’ error in typescript
  4. Ionic – Horizontal scroll tab for Categories [duplicate]
  5. Page is part of the declarations of 2 modules: Error in ionic build prod
  6. No provider for AngularFireDatabase, AngularFireAuth
  7. Cannot read property of ‘xxx’ of undefined
  8. Use nav.push with side menu in ionic 2
  9. access SASS values ($colors from variables.scss) in Typescript (Angular2 ionic2)
  10. Angular 2 + Ionic 2: Detect if an object was modified
  11. Ionic2/Angular2 – Read a custom config file
  12. Merging http observables using forkjoin
  13. Call a function every 10 seconds Angular2
  14. How to use angular 2 service with Ionic 2?
  15. How do I share data between components in Angular 2?
  16. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  17. How to use [(ngModel)] on div’s contenteditable in angular2?
  18. When to use square brackets [ ] in directives @Inputs and when not?
  19. Angular2 – Interaction between components using a service
  20. Reactive forms – disabled attribute
  21. Build Angular2 HTML and TypeScript to a single file
  22. Angular subscribe elegant
  23. How to allow access outside localhost
  24. Angular – Make multiple HTTP calls sequentially
  25. @types/googlemaps/index.d.ts’ is not a module
  26. Angular 4+ using Google Analytics
  27. How to declare a pipe globally to use in different modules?
  28. Angular 2 / 4 / 5 – Ahead-of-time compilation how to
  29. How to change angular material datepicker format
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment