angular - 从 Angular 5 的输入文本字段中获取值

Question

这似乎是一个简单的问题，但我发现没有任何问题对我有用。我的 component.html 中有一个标准输入字段:

<div class="form-group">
    <label>Serial</label>
    <input type="text" name="serial" id="serial" [ngModel]="serial" [value]="serial" class="form-control">
</div>

因此，当用户现在提交表单时，我如何获取他在字段中键入的值？如果我在我的 onSubmit() 函数中执行一个简单的 console.log(this.serial)，我什么也得不到。我在我的 component.ts 中声明了 serial: String;

Answer 1

你的绑定(bind)错误。您需要 banana-in-box 绑定(bind) [(ngModel)]="serial" 而不是 [ngModel]="serial"

绑定(bind)中的

() 将在每次输入更改时更新 serial 模型。从输入到模型

Single [] 将只绑定(bind) serial 的数据，如果它会被代码手动更改。这将导致单向绑定(bind) - 从model到input。

正如您猜测的那样 - [()] 它们一起将产生双向绑定(bind)。