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>

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

Answer 1

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

每次输入发生变化时，绑定中的

()都会更新serial模型。从input到model

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

正如您猜测的那样 - [()]他们将双向绑定。

Answer 2

这是绑定的一种方式。从视图到控制器。

文件code.component.html

<label >Code</label>
<input (input)="tcode=$event.target.value" type="text" class="form-control">
<button class="btn btn-success" (click)="submit()">Submit</button>

文件code.component.ts

tcode : string;
submit() {
    console.log("the code :" + this.tcode);
}

从角度5的输入文本字段中获取值

2 个答案: