2016-09-19 6 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'を使うことができます(ビューの' value'プロパティに 'id'を使うこともできます)@filippo – sebaferreras