使用 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'

通过这样做，将自动选择具有 cord 值的选项。

使用 TypeScript 以编程方式检查 Ionic 2 单选按钮

Check Ionic 2 Radio Button Programmatically using TypeScript

typescript

ionic-framework

ionic2

ionic3

angular