使用 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 来自数据库

现在，我添加了这个单选按钮组，就像文本框被补丁值填充一样，我想 select 3 个单选按钮之一，基于 a 中的值filter.data2（可以有值 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)
});

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

Set selected Radio Button from group using Typescript

angular

typescript

radio-button

radio-group