使用 Typescript 从组中设置选定的单选按钮

Question

在 html 端有这个：

 <input type="text" id="title" class="form-control" formControlName="title" maxlength="50"/>
 <div class="form-control radio">
 <input type="radio" class="m-r-5" value="2" name="rgLongTerm"> <label> all </label>
 <input type="radio" class="m-r-5" value="0" name="rgLongTerm"> <label> no </label>
 <input type="radio" class="m-r-5" value="1" name="rgLongTerm"> <label> yes </label>
 </div>

我在 .ts 端设置了这样的值的文本框：

 form.controls.title.patchValue(filter.data);

（那部分有效）其中 filter.data 来自数据库

现在，我添加了这个单选按钮组，就像文本框正在填充补丁值一样，我想根据 filter.data2 中的值选择 3 个单选按钮之一（可以有值 0,1,2）例如。

我该怎么做？

Answer 1

如果您的 filter.data2 是数字，则输入中的 value 应该是 [value]=0。您还缺少input 中的formControlName。一个例子应该是这样的： <input type="radio" class="m-r-5" formControlName=“rgLongTerm” [value]=2 name="rgLongTerm"> <label> all </label>

你试过 form.controls.rgLongTerm.patchValue(filter.data);吗？您也可以通过这样做来设置默认值

this.form = new FormGroup({
   'rgLongTerm': new FormControl(filter.data2)
});