Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 2单选按钮未使用反应式窗体正确初始化_Angular_Radio Button_Angular2 Forms_Ng Bootstrap - Fatal编程技术网

Angular 2单选按钮未使用反应式窗体正确初始化

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

我从Angular 2开始,目前使用的是2.2.2版

我正在编写一个被动表单,但无法初始化所选单选按钮。加载页面时应选择单选按钮,但不会出现这种情况

我一直无法找到问题的根源。从Web上的代码示例来看,我认为这应该是可行的。下面是我的代码片段

<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();

}