Angular6 角度2单选按钮验证

我试图通过模板驱动验证angular 2中的单选按钮，但不起作用。我在谷歌搜索过，也没有人正确回答。任何天才都能回答这个问题吗

app.component.html

 <form #f="ngForm"> 
<div *ngFor="let option of options">
<div class="radio">
<input type="radio"
           name="radio"
           id="radio-{{option.id}}"
           [(ngModel)]="value"
           [value]="option.value"/> 
    <label for="radio-{{option.id}}">{{option.id}}
    </label> 
 </div>
 </div>

 <div *ngIf="f.submitted">Please select</div>

 <button>Submit</button>
 </form>

{{option.id}
请选择
提交

{{option.id}
请选择
可能您正在寻找上述验证。如果没有，你能帮我知道你到底在找什么吗？

感谢您的回复。如果我在表单中只使用一个单选按钮，您的代码将运行良好，但如果我在表单中使用更多文本框和复选框，您的代码将不支持，因为您使用了！f、 有效这是常见的验证。你能给我一个链接，在其中你有所有的东西，需要验证，以便我可以提供解决方案，这正是我想要看到我的原始代码：我已经创建了自定义单选按钮组件和复选框，然后我试图验证使用angular 2模板驱动的验证

<div *ngFor="let option of options">
        <div class="radio">
            <input type="radio"
               name="radio"
               id="radio-{{option.id}}"
               [(ngModel)]="value"
               [value]="option.value"
               required

               /> 
        <label for="radio-{{option.id}}">{{option.id}}
        </label> 
    </div>
  </div>

  <div *ngIf="f.submitted && !f.valid">Please select</div>


May be you are looking for the above validation. If not can you please help to know what exactly you are looking for ?