send input value on click event

Question

i am trying to send the value of an input field, on "onClick" of a button event, what's wrong with that?

html:

<input #new_field type="text" />
<button (click)="saveNewField(new_field.value)">Save</button>

ts

saveNewField(new_name) {
// new_name is undefined
}

Answer 1

You have to define value attribute to it, otherwise, it will be recognized as undefined.

<input #new_field type="text" value=""/>