Javascript 如何获取双向数据绑定值并在另一个变量中设置它

Javascript 如何获取双向数据绑定值并在另一个变量中设置它,javascript,html,angular,Javascript,Html,Angular,我有一个价格计算器组件,可以实时绑定结果,但我想优化代码 首先 我有一个表格,其中包含接收金额的输入,然后我以投标方式计算单价: <tr> <td> <input type="number" name="waiters" value={{team.waiters}} [(ngModel)]="team.waiters" #waiters="ngModel"> </td> <td> Waiters </td&

我有一个价格计算器组件,可以实时绑定结果,但我想优化代码

首先 我有一个表格,其中包含接收金额的输入,然后我以投标方式计算单价:

<tr>
   <td>
   <input type="number" name="waiters" value={{team.waiters}} [(ngModel)]="team.waiters" #waiters="ngModel">
   </td>
   <td> Waiters </td>
   <td> ${{prices.waiter * team.waiters}}</td>
</tr>

<tr>
   <td>
   <input type="number" name="barmans" value={{team.barmans}} [(ngModel)]="team.barmans" #barmans="ngModel">
   </td>
   <td> Barmans </td>
   <td> ${{prices.barman * team.barmans}}</td>
</tr>
然后我在一个span标签中再次计算,忘记总数

<span>
{{ (prices.waiter * team.waiters) + (prices.barman * team.barmans) }}
</span>

问题是如何获得总价值,保持实时响应?或者如何为绑定方式的值结果声明一个变量?

您可以添加一个getter,返回计算出的总数,然后只绑定到该值

get total(): number {
 return this.prices.barman * this.team.barmans;
}

非常感谢,我不知道get这个词在函数中起作用