如何在角度6中将插值数据绑定到ngModel

Question

• 我正在尝试将两个值相减并将其绑定到ngModel，在将数据发送到Post Request时获取空值。

  

Please Check This Image It Contains My Output

• 我使用了两个绑定，但是值未更新，显示Pending_amount为空值

  <input type="number" matInput placeholder="Pending Amount [(ngModel)]='paymentmodel.pending_amount' [(value)]="paymentmodel.total_amount - paymentmodel.advance_amount" name="pendingamount">

• 例如：paymentmodel.total_amount = 10 paymentmodel.advance_amount“ = 5 paymentmodel.pending_amount = 5

Answer 1

欢迎堆栈溢出！

使用双向绑定时，绑定既设置值又获取值。

您还应该不也使用value属性。尝试将其删除。

您是否在其他任何地方（pending_amount属性除外）设置了value？

如果没有，请尝试将以下内容添加到您的组件中：

get pending_amount(): number {
  return paymentmodel.total_amount - paymentmodel.advance_amount;
}

这将计算金额并将其提供到本地pending_amount属性中。注意：这与付款模型的pending_amount属性是分开的。

然后按如下所示更改绑定：

<input type="number" 
       matInput placeholder="Pending Amount 
       [(ngModel)]='pending_amount'
       name="pendingamount">

然后绑定到本地值。

对您有用吗？