时间戳

首页 > 解决方案 > 如何在反应形式中采用默认值

html - 如何在反应形式中采用默认值

问题描述

我想使用响应式表单将默认值从 HTML 传递到 Type 脚本

<ul class="list list_2">
<li>Subtotal <span>{{cartTotal | currency:'INR':true:'2.0'}}</span></li>
<li>Shipping Charge<span>{{shipping | currency:'INR':true:'2.0'}}</span></li>
<li>Total <span><input type="text" value="{{cartTotal+shipping | currency:'INR':true:'2.0'}}" class="total" formControlName="TotalAmount" readonly></span></li>
</ul>

这是我的 HTML，我在输入中给出了默认值

get TotalAmount(){
    return this.billingForm.get("TotalAmount.value")

在类型脚本中，我有这种获取数据的方法，我正在使用 Formgroup

billingForm=new FormGroup({
    Address:new FormControl('',[Validators.required]),
    City:new FormControl('',[Validators.required]),
    State:new FormControl('',[Validators.required]),
    Postcode:new FormControl('',[Validators.required]),
    TotalAmount:new FormControl(''),
    PayType:new FormControl('')
  })

我想传递该默认值，但它总是给出 null

标签： htmlangularangular8angular-reactive-formsdefault-value

解决方案

应该是这样的。您必须访问表单控件才能返回值。

return this.billingForm.controls['TotalAmount'].value;

推荐阅读