如何聆聽輸入中的更改，然后更改文本？

Question

我在HTML中有以下代碼：

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

現在，我想打，如果用戶輸入1作為值input的span應該改變成day ，如果有超過1天應該保持days 。 我如何使用*ngIf做到這*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>

使用此表單，您可以綁定到字段。 如果該字段是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>

Answer 2

可以使用ngIf指令完成此操作，但這仍然是錯誤的方法。 在我看來，您可以更改代碼中的值並將其顯示在span標記中，但是似乎您要通過ifs來完成某些任務

<input id="date" name="date" type="number" [(ngModel)]="selectedNumber">
<span *ngIf="selectedNumber==1">day</span>
<span *ngIf="selectedNumber!=1">day</span>