Angular 2单选按钮未使用反应式窗体正确初始化
我从Angular 2开始,目前使用的是2.2.2版 我正在编写一个被动表单,但无法初始化所选单选按钮。加载页面时应选择单选按钮,但不会出现这种情况 我一直无法找到问题的根源。从Web上的代码示例来看,我认为这应该是可行的。下面是我的代码片段Angular 2单选按钮未使用反应式窗体正确初始化,angular,radio-button,angular2-forms,ng-bootstrap,Angular,Radio Button,Angular2 Forms,Ng Bootstrap,我从Angular 2开始,目前使用的是2.2.2版 我正在编写一个被动表单,但无法初始化所选单选按钮。加载页面时应选择单选按钮,但不会出现这种情况 我一直无法找到问题的根源。从Web上的代码示例来看,我认为这应该是可行的。下面是我的代码片段 <form [formGroup]="consultaSolicitudesINETELForm" (ngSubmit)="consulta(consultaSolicitudesINETELForm)"> <input type="r
<form [formGroup]="consultaSolicitudesINETELForm" (ngSubmit)="consulta(consultaSolicitudesINETELForm)">
<input type="radio" formControlName="criterio" value="1" />
<input type="radio" formControlName="criterio" value="2" />
<input type="radio" formControlName="criterio" value="3" />
<input type="text" formControlName="folio" placeholder="folio" required>
</form>
编辑:
是一个plnkr
我从一个示例中派生出来的,我添加了一个不在我的环境中运行的收音机。我看到的唯一区别是版本号
编辑2:
好的,我发现它与ng引导有关。如果我使用NgbModule.forRoot(),则单选按钮未初始化且无法按预期工作;如果我禁用ng引导,则单选按钮可以工作,但由于我在其他地方使用ng引导,因此无法做到这一点
我使用了ng bootstrap自己的单选按钮组并重新设计了网页。我将单选按钮放在各种字段集的图例中,所有内容始终可见。
现在,收音机的工作方式类似于选项卡,根据当前选择显示不同的div
单选按钮的最初目的是选择一个工作字段集,在该字段集中,所有元素都将被启用,所有其他字段集的内容都将被禁用。此问题与ng bootstrap有关,并在
这对他们来说是头等大事 你的收音机也应该有相同的名字。我面临着类似的问题。你能帮忙吗?
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
@Component({
moduleId: module.id,
selector: 'my',
templateUrl: 'my.component.html',
styleUrls: ['my.component.css']
})
export class My implements OnInit {
myForm: FormGroup;
constructor(private fb: FormBuilder) {
}
ngOnInit(): void {
this.buildForm();
}
buildForm(): void {
this.consultaSolicitudesINETELForm = this.fb.group({
criterio: ["2"],
folio: ["TEST"],
});
this.myForm.valueChanges.subscribe(data => this.onValueChanged(data));
this.onValueChanged();
}