Angular 6单选按钮无法使用名称对其进行分组

我有一个数组

dataList = [
      {
        'Country' : 'India',
        'State'  : 'Kasmir'
      },
      {
        'Country' : 'India',
        'State'  : 'Karnataka'
      },
      {
         'Country' : 'Japan',
        'State'  : 'Tokio'
      },
      {
        'Country' : 'Japan',
        'State'  : 'Huwai'
      }
    ]

}

我想让它成为两个不同的单选按钮组使用国家/地区键或任何其他方式。下面是我尝试的

<div *ngFor="let item of dataList">
       <input type="radio" name="item.Country">{{item.State}}
 </div>

{{item.State}

它正在创建单选按钮，我正在使用name属性将其划分为不同的组。但它并没有按预期工作，相反，我只能选择一个单选按钮一次。

---

这是一个示例，我在角垫树中有相同的场景。请指导我如何使用名称或任何其他内容使其成为一个组。请帮助我提供一个通用解决方案

您需要利用Angular的绑定语法

或使用：

<div *ngFor="let item of dataList">
       <input type="radio" [name]="item.Country">{{item.State}}
 </div>

{{item.State}

或：

{{item.State}

您需要利用Angular的绑定语法

或使用：

<div *ngFor="let item of dataList">
       <input type="radio" [name]="item.Country">{{item.State}}
 </div>

{{item.State}

或：

{{item.State}

谢谢，伙计，它正在按预期工作。感谢您的财产绑定，谢谢老兄，它正在按预期工作。感谢您的财产绑定