Typescript 如何设置值输入字段2

我有一个小问题

我正在使用以下HTML代码：

<ion-input id="amount" type="number" ></ion-input>

我的控制台告诉我，号码变了。但更新后的值不会显示在我的输入字段中。你有什么建议吗

提前谢谢

---

L.Trembon

你可以这样做：

page.html

<ion-input id="amount" type="number" [(ngModel)]="value"></ion-input>
<button (click)="setInput()">Set Value</button>

通过使用

[（ngModel）]=“value”

可以将

value

变量绑定到该输入字段。这样它总是更新的。如果您在UI中更改它，它会立即在“代码”中更新。当您在代码中更新它时，它会在UI中自动更新

---

在继续使用应用程序之前，您可能应该阅读Angular 2教程。Angular提供了许多工具，使这类事情变得更容易。

谢谢，它工作得非常好。但如果填充了ng有效类，它会以某种方式添加ng有效类。我能避免吗？我不知道你怎么能避免。他们添加它来帮助输入验证：花了半天的时间搜索这个答案！非常感谢。

<ion-input id="amount" type="number" [(ngModel)]="value"></ion-input>
<button (click)="setInput()">Set Value</button>

export class Page {
  value: number = 0; // Default is 0

  constructor() {}

  setInput() {
    this.value = 42;
  }
}