Угловое <input [value] = "model"> почему бы не передать дважды введенное значение?

Question

@Component({
  selector: 'some-component',
  template: `
    <input [value]="model" (change)="setHours('24')">
    <p>{{model}}</p>
  `
})
export class KeyUpComponent_v1 {
  model = '';

  setHours(value: string) {
    this.model = value;
  }
}

https://stackblitz.com/edit/angular-hoq6rn?file=src%2Fapp%2Fkeyup.components.ts

1. введите что-нибудь (входное значение onBlur == '24')
2. введите снова «почему» (входное значение onBlur == «почему») ожидать === '24'

Можем ли мы сделать что-нибудь с этим, чтобы всегда получать входное значение == '24' с любым введенным значением?

А почему это происходит?

Answer 1

Вы жестко закодировали значение в (change)="setHours('24')", поэтому вы всегда получаете один и тот же результат.

Чтобы правильно реализовать ввод, пожалуйста, прочитайте: https://angular.io/guide/forms