We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Accessing EJComponents class from ej-angular2 package

Platform: JavaScript |
Control: General |
Published Date: July 20, 2017 |
Last Revised Date: May 8, 2019
Tags: angular2

Getting widget reference of Angular components


We can get widget reference of Syncfusion Angular components by using EJComponents class from ej-angular2 package and viewchild from @angular/core package.

 Define template reference and gets component instance as like below code snippet.

import { Component, ViewChild } from '@angular/core';

import { EJComponents } from 'ej-angular2';



  selector: 'app-root',

  template: `<input #buttonref ej-button />`


export class AppComponent {

  @ViewChild('buttonref') buttonIns: EJComponents<any, any>;


  ngAfterViewInit() {





NOTE: ViewChild will be set only after ngAfterViewInit event fired.

You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon