无法使用form.value读取html输入字段值-angular5

Question

I am using angular 5

In my html I generate the value of a input field using

<input type="number" class="form-control" id="unitCost" name="unitCost"    [(ngModel)]="unitCost" placeholder="Average Unit Price">
document.getElementById("unitCost").value = avgVal;

then I want to retrieve that generated value in my component.ts using

this.unitCost = form2.value.unitCost;

But it returns null value. instead if I type any value in the text field it works fine and returns the value I typed. Can I solve this issue?

Answer 1

使用[ngValue]指令。

Answer 2

the best way to achieve what you want is

<input type="number" class="form-control" id="unitCost"  [(ngModel)]="unitCost" placeholder="Average Unit Price">

now in your component class you will have a variable called unitCost and you can get or set the value of the text field like this

setting value - unitCost = 'value' gettingValue - unitCost

let me know if this is clear or i will create an example for you