如何在角度 cli 中将 [(ngModel)] 用于多组收音机？

【问题标题】：How to use [(ngModel)] for multiple group radio in angular cli?如何在角度 cli 中将 [(ngModel)] 用于多组收音机？
【发布时间】：2018-12-30 21:28:44
【问题描述】：

我有 >2 组单选按钮。每个组都有 >2 单选按钮。如何检查价值单选。

【问题讨论】：

标签： angular radio-button radio-group

【解决方案1】：

这是你的 HTML 端：

   <div class="form-group">
      <label class="radio-inline">
        <input 
          type="radio" 
          name="options" 
          id="option1"
          [(ngModel)]="dataType" value="100">Radio button 1
      </label>
      <label class="radio-inline">
        <input 
            type="radio" 
            name="options" 
            id="option2"
            [(ngModel)]="dataType" 
            value="99">Radio button 2
       </label>
    </div>

这是你的 .ts 组件 (.ts) 端，只需声明为默认值。

  public dataType: string = "100"; //Value as default (for selected one)

【讨论】：

你可以像这样在你的类中使用 dataType >> this.dataType;