javascript - 我怎样才能听到输入的变化然后改变文本？

Question

我在 HTML 中有这段代码:

<label for="date">START DATE:
    <input id="date" name="date" type="number"> <span>days</span>
<label>

现在我想做的是，如果用户在 input 中输入 1 作为值，则 span 应该更改为 day，如果超过 1 天，它应该保持 days。我怎样才能用 *ngIf 实现这个？

谢谢。

Answer 1

更新

<input id="date" name="date" type="number" #myInput>
<span>day{{myInput.value <= 1 ? '' : 's'}}</span>

原创

<input ngModel (ngModelChange)="doSomething($event)" id="date" name="date" type="number"> <span>days</span>

使用此表单，您可以绑定(bind)到一个字段。如果该字段是 getter/setter，那么您还可以在值更改时执行代码:

<input [(ngModel)]="someprop"" id="date" name="date" type="number"> <span>days</span>

你也可以使用

<input (change)="doSomething($event)" id="date" name="date" type="number"> <span>days</span>

或

<input (input)="doSomething($event)" id="date" name="date" type="number"> <span>days</span>