Angular2 - 制作一系列单选按钮＆＃34; required＆＃34;

Question

我正在使用Angular2应用的模板表单，并且我使用ngForm验证表单是否有效且所有输入都有required个标记，以及{{1 }}

一切都非常简单但是当我遇到单选按钮形式的数值时。我不能只是ngModel整个阵列并将每个收音机设置为ngFor，这不会起作用。我可以做一些自定义事件并处理如果设置了值，但我想使用该ngForm.form.valid功能。

所以，这是我的无线电代码：

required

这是提交表单的按钮：

<fieldset class="form-group">
    <legend>Rating system</legend>
    <div class="form-check" *ngFor="let rating of ratingSystem">
      <label class="form-check-label" (mouseenter)="currentRatingId = rating.id">
        <input 
          type="radio" 
          class="form-check-input" 
          name="ratingsRadio" 
          id="rating_{{rating.id}}" 
          value="{{rating.id}}" 
          [checked]="movie.rating.id === rating.id"
          (click)="movie.rating = rating" />
        {{rating.short_tag}}
      </label>
      <small [hidden]="currentRatingId !== rating.id">  &nbsp; &ndash; &nbsp; {{rating.description}}</small>
    </div>
  </fieldset>

任何想法如何制作单选按钮＆＃34;需要＆＃34;这样我可以使用<button type="submit" class="btn btn-success" [disabled]="!myForm.form.valid">Add movie</button> 部分？谢谢！

更新

我推翻了这一点，它也很简单。

form.valid