Html 角度2添加输入值

Html 角度2添加输入值,html,angular,typescript,Html,Angular,Typescript,如何添加这些值​​输入 这是我的HTML, 但我不知道我是否应该在ts上写点什么 {{snum+fnum}} 您可以使用ngModel获取输入值,使用ngModelChange进行更改检测。然后,将它们添加到ts中,并更新保存加法的第三个变量 html: 您应该使用ngModel:这是正确的:。此外,值得一提的是,OP缺少一个最重要的东西:mdInput on。非常感谢,我得到了帮助 <md-input-container> <input mdInput type="

如何添加这些值​​输入

这是我的HTML, 但我不知道我是否应该在ts上写点什么

{{snum+fnum}} 您可以使用ngModel获取输入值,使用ngModelChange进行更改检测。然后,将它们添加到ts中,并更新保存加法的第三个变量

html:


您应该使用ngModel:这是正确的:。此外,值得一提的是,OP缺少一个最重要的东西:mdInput on。非常感谢,我得到了帮助
<md-input-container>
    <input mdInput type="number" id="fnum" placeholder="fnum" 
           [(ngModel)]="fnum" (ngModelChange)="addNums()">
</md-input-container>

<p></p>

<md-input-container>
    <input mdInput type="number" id="snum" placeholder="snum" 
           [(ngModel)]="snum" (ngModelChange)="addNums()">
</md-input-container>

<p></p>  

<md-input-container>
    <input mdInput disabled>{{ total }}
</md-input-container>
fnum: number = 0;
snum: number = 0;

total: number = 0;

addNums(){
  this.total = this.fnum + this.snum;
}