Access template reference variables from component class

jackOfAll Published at Java

<div>
   <input #ipt type="text"/>
</div>

Is it possible to access the template access variable from the component class?

i.e., can I access it here,

class XComponent{
   somefunction(){
       //Can I access #ipt here?
   }
}

That is a use-case for @ViewChild:

class XComponent {
   @ViewChild('ipt', { static: true }) input: ElementRef;

   ngAfterViewInit() {
      // this.input is NOW valid !!
   }

   somefunction() {
       this.input.nativeElement......
   }
}

Here's a working demo:

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2020-10-15

Related Related

Article

Access template reference variables from component class

Access template reference variables from component class

Access Method from Vue Class Component Decorator inside a Watcher

Class Template and Reference Return Type

How to access component properties from a Java Class

Template Class derived from Non-template base class: No access to base class variables?

How to access child class variables from parent class

How to access child variables from a parent class?

Why is it possible to access private variables from outside class by reference?

Angular 2 Component - Access DOM (or create Component without template, purely from JS)

Undefined reference to template class destructor

Getting a reference to a component in the template

PHP reference Class from variable with static method access

How to access private static class member inherited from a template class?

Gaining access to class members from template specialization

Conditional reference declaration in template class

Access variables/functions from another Component

Access Composite class fields from Component class

Class Template and Reference Return Type

How to access component properties from a Java Class

Accessing variables of a template from another class

How to access a generic page class property from a master template

How to access child class variables from parent class

access variables from class constructor to the class functions in python

Access variables from another class in java

Unable to access list elements from Flask template variables in JavaScript

access state from within component class

Access class variables from another class

How to access/reference component values inside a component

Is there anyway to access variables from one class in another?

Template variables are not binding to component variables