角度選択のためのmd-selectとMaterial Designで選択されたオプション

Question

Material Design for Angularを使用すると、デフォルト（つまり選択された）オプションはSelect componentにどのように設定できますか？

<md-select placeholder="Angular2 Material"> 
    <md-option>One</md-option> 
    <md-option selected>Two</md-option> 
    <md-option ng-selected="true">Three</md-option> 
</md-select> 

SOに私を導く検索：

• Angular Material md select option group default selected values
• md-select can't set selected value

私は、どちらも仕事をng-selected="true"とselected両方の属性を試してみました。

Plunker：https://plnkr.co/edit/EyC6wpUpgZEihlGclDUU?p=preview

明確にするために、私はMaterial Design for AngularJS Appsを使用してないよ。私はMaterial Design for Angularを使用しています。

Answer 1

あなたはmd-optionがvalue属性を持っていることを確認し、その後

export class SelectOverviewExample { 
    myValue = 'Two'; 
} 

選択した値を格納する変数を持っている必要があります。選択した値をngModelでバインドします。

<md-select placeholder="Angular2 Material" [(ngModel)]="myValue"> 
    <md-option>One</md-option> 
    <md-option value="Two">Two</md-option> 
    <md-option>Three</md-option> 
</md-select>