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

发布时间：2020-12-17 07:13:04 所属栏目：安全来源：网络整理

导读：可以说我有以下列表： ion-list radio-group [(ngModel)]="autoManufacturers" ion-list-header Auto Manufacturers /ion-list-header ion-item ion-labelCord/ion-label ion-radio value="cord"/ion-radio /ion-item ion-item ion-labelDuesenberg/ion-labe

可以说我有以下列表：

<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实现此目的？

解决方法

由于您要将组件中的无线电组绑定到autoManufacturers属性,因此您唯一需要做的就是将从数据库获取的值分配给该属性：

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

通过这样做,将自动选择带有绳索值的选项.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!