angle2-appのangle2-materialデザインから選択タグドロップダウンを使用する方法

Question

@angular2-materailコンポーネントを使用してアプリケーションを構築し、フォーム入力要素をフォーマットしています。 md-input、md-checkboxなどを使用していますが、選択ドロップダウンを表示するコンポーネントが見つかりませんでした。 selectドロップダウンのフォーマットに使用できるコンポーネントはありますか？

Answer 1

私の知る限りでは、開発中のmd-selectがあります。まだ利用できません。しかし、この問題の現在の進歩を追跡することができます：angular2-material issue 118。

Answer 2

ここでは

//Your component 
 

 
import {Component} from '@angular/core'; 
 

 

 
@Component({ 
 
    selector: 'select-form-example', 
 
    templateUrl: 'select-form-example.html', 
 
}) 
 
export class SelectFormExample { 
 
    selectedValue: string; 
 

 
    foods = [ 
 
    {value: 'steak-0', viewValue: 'Steak'}, 
 
    {value: 'pizza-1', viewValue: 'Pizza'}, 
 
    {value: 'tacos-2', viewValue: 'Tacos'} 
 
    ]; 
 
}

<form> 
 
    <md-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food"> 
 
    <md-option *ngFor="let food of foods" [value]="food.value"> 
 
     {{food.viewValue}} 
 
    </md-option> 
 
    </md-select> 
 

 
    <p> Selected value: {{selectedValue}} </p> 
 
</form>

です