Angular 无线电输入和同时输入的默认值

我有一个需要编辑的对象数组。该数组类似于：

{
  answers: [ { answer: 'answer 1', isValid: true }, { answer: 'answer 2, isValid: false } ]
}

我不需要创建输入，只要

回答。长度

<div class="form-group" *ngFor="let answer of editItem.answers">
    <div class="input-group">
         <div class="input-group-prepend">
               <div class="input-group-text">
                    <input type="radio" [(ngModel)]="answer.isValid" [value]="answer.isValid">
               </div>
         </div>
         <input type="text" class="form-control"  [(ngModel)]="answer.answer">
    </div>
</div>



我需要两者的默认值，并且只检查1个放射性输入

我怎样才能做到这一点呢？
看一下这个，通过无线电输入解决您的问题

例如：

模板：

<h2>{{radioTitle}}</h2>
<label *ngFor="let radiobutton of radioItems">
  <input type="radio" name="options" (click)="model.option = radiobutton"
  [checked]="radiobutton === model.option">{{radiobutton}}
</label>
<p>
  <button (click)="model.option = 'option1'">
    Set option #1
  </button>
</p>
<p>
  Selected option: {{model.option}}
</p>


{{radioTitle}
{{radiobutton}

设置选项#1


所选选项：{{model.option}


应用程序组件

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  radioTitle: string;
  radioItems: Array<string>;
  model   = {option: 'option3'};

  constructor() {
    this.radioTitle = 'Radio Button in Angular';
    this.radioItems = ['option1', 'option2', 'option3'];
  }
}

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
templateUrl:“./app.component.html”，
样式URL:['./app.component.css']
})
导出类AppComponent{
标题：字符串；
放射性项目：阵列；
模型={option:'option3'}；
构造函数（）{
this.radioTitle='角度中的单选按钮'；
this.radioItems=['option1'，'option2'，'option3']；
}
}
您是否研究过反应式表单<代码>[（ngModel）]
对于少量的单个值来说很好，但是你有更复杂的需求，使用反应式表单会更好。我不知道angular的情况，我来自react xD，我不知道如何使用反应式表单@Kurthamilton来实现这一点。将会有大量关于反应式表单的好教程。我们曾经都是疯子！