2016-09-19 37 views
4

可以說我有以下列表:檢查離子2單選按鈕編程方式使用打字稿

<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實現這一目標?

+0

你可以用你的json響應更新 –

回答

6

既然你是無線電集團結合從你的組件,你需要做的唯一的事情autoManufacturers屬性分配給該屬性從數據庫中獲取的價值:

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

通過這樣做,將自動選擇具有值的選項。

+1

如果這個值是一個對象,該怎麼辦? – filippo

+0

在這種情況下,您可以使用該對象的id(也可以使用view中'value'屬性中的'id')@filippo – sebaferreras