检查离子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> 

取决于我从数据库中获取什么样的价值，我想在列表中检查的项目。比方说，如果我得到价值“线”，那么项目2应显示为选定的项目。我如何使用TypeScript实现这一目标？

Answer 1

既然你是无线电集团结合从你的组件，你需要做的唯一的事情autoManufacturers属性分配给该属性从数据库中获取的价值：

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

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