constructor(el: ElementRef, renderer: Renderer) {
   renderer.setElementClass(el.nativeElement, 'btn', true);
   renderer.setElementClass(el.nativeElement, 'btn-primary', true);
 }

    constructor(public el: ElementRef, public renderer: Renderer) {
        renderer.setElementStyle(el.nativeElement, 'backgroundColor', sessionStorage.getItem("mainColor"));
        renderer.setElementStyle(el.nativeElement, 'border', 'none');

    }

 // TypeScript public modifiers
 constructor(public appState: AppState, public router: Router, private _element: ElementRef, private _renderer: Renderer) {
   _renderer.setElementClass(_element.nativeElement, 'initializing', true);
 }

 onFocus() {
     this.rnd.setElementStyle(this.el.nativeElement, 'width', '200');
 }

 onFocus(){
     this.renderer.setElementStyle(this.ele.nativeElement, 'width','200');
 }

 onBlur() {
     this.renderer.setElementStyle(this.el.nativeElement, "width", "120");
 }

 onBlur(){
   this.renderer.setElementStyle(this.el.nativeElement, 'width', '300px');
 }

 this.getAnimateClassName().forEach((item:string)=>{
   this.renderer.setElementClass(this.elRef,item, true);
 });

 ngOnDestroy() {
   this.renderer.setElementClass(this.elRef, 'in', false);
 }

 onBlur() {
     this.renderer.setElementStyle(this.el.nativeElement, 'width', 'auto')
 }