Local References and ViewChild decarator in Angular

local-references.ts

	// <input type="text" class="form-control" trim #giftName />


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

export class UserComponent implements OnInit {
	userNickName: String = '';
 
	..
 
	onAddGift(giftName: HTMLInputElement) {
		this.userGiftName = giftName.value;
		..
		..
	}

export class UserComponent implements OnInit {
	@ViewChild('nickName') nickName : ElementRef;
	userNickName: String = '';
 
	..
 
	onAddGift(nickName: HTMLInputElement) {
		..
		this.userNickName = nickName.nativeElement.value;
		..
	}
  
}