用TypeScript编程检查Ionic 2的单选按钮

Question

假设我有以下列表:

<ion-list radio-group [(ngModel)]="autoManufacturers">
  <ion-list-header>
    Auto Manufacturers
  </ion-list-header>
  <ion-item>
    <ion-label>Cord</ion-label>
    <ion-radio value="cord"></ion-radio>
  </ion-item>
  <ion-item>
    <ion-label>Duesenberg</ion-label>
    <ion-radio value="duesenberg"></ion-radio>
  </ion-item>
  <ion-item>
    <ion-label>Hudson</ion-label>
    <ion-radio value="hudson"></ion-radio>
  </ion-item>
</ion-list>

根据我从数据库中得到的值，我想检查列表中的项目。假设我得到值'cord'，那么项目2应该显示为选中的项目。如何使用TypeScript实现这一点?

Answer 1

既然要将无线电组绑定到组件的autoManufacturers属性，那么唯一需要做的就是将从数据库获得的值赋给该属性:

// somewhere in your code
this.autoManufacturers = valueFromDataBase; // where valueFromDataBase === 'cord'

这样，带有标线值的选项将被自动选中