反応型を正しく初期化しないが、私は選択したラジオボタンを初期化することはできませんよ。ラジオボタンを選択した状態でページをロードする必要がありますが、これは発生していません。角度2ラジオボタンは、私は角度2で始めていますし、現在のバージョンは2.2.2</p> <p>私は反応性形を書いていますを使用しています
問題の原因を特定できませんでした。 Webのコードサンプルから、私はこれがうまくいくはずだと思います。ここに私のコードのスニペットがあります。コンポーネント
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();
}
EDITため
<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>
:
Hereは私が私の環境で実行されないラジオを追加例からフォーク
plnkr
です。私にはバージョン番号があります。
EDIT2: OK、これはng-bootstrapと関係があることがわかりました。 NgbModule.forRoot()を使用すると、ラジオボタンは初期化されず、期待通りに動作しません。ng-bootstrapを無効にすると動作しますが、ng-bootstrapを別の場所で使用するとそのことはできません。
ng-bootstrapのラジオボタングループを使用してウェブページを再設計していました。私は、ラジオボタンをさまざまなフィールドセットの伝説の中に入れ、すべてのコンテンツを常に見えるようにしました。 ラジオはタブのように機能し、現在の選択に応じて異なるdivを表示します。
ラジオボタンの最初のpurpouseは、すべての要素が有効になり、他のすべてのフィールドセットのコンテンツが無効になっている作業フィールドセットを選択することでした。
あなたのラジオも同じ名前でなければなりません。 – Milad