アングルダートでmaterial-dropdown-selectを使用する方法

Question

material-dropdown-selectコンポーネントの使い方のサンプルを探しています。

私が持っているのは、現在選択されている項目と可能なすべての項目を含むリストを保持する変数です。私ができることは、ドロップダウン・コンポーネントを表示し、使用可能なアイテムを埋めることです。

<material-dropdown-select> 
    <material-select-item *ngFor="let item of allItems"> 
     {{item.name}} 
    </material-select-item> 
    </material-dropdown-select> 

私が管理していなかったのは、現在選択されているアイテムを自動的にマークし、イベントハンドラを追加して選択を更新することでした。その場合、変数自体を更新するのではなく、私の場合には還元状態の遷移をトリガするメソッドを実行する必要があります。 angular_components_exampleから

Answer 1

：

<material-select [selection]="targetLanguageSelection" class="bordered-list"> 
    <material-select-item *ngFor="let language of languages" 
         [value]="language" 
         displayNameRenderer 
         useCheckMarks="true"> 
    </material-select-item> 
</material-select> 

は、それが助け場合、私に教えてください：

<material-select width="2" class="bordered-list"> 
    <material-select-item *ngFor="let p of ['FTP', 'HTTP', 'HTTPS']" 
         (trigger)="protocol = p" 
         [selected]="protocol == p"> 
    {{ p }} 
    </material-select-item> 
</material-select> 

また、より多くの柔軟性を与える、代わりにモデルクラスを使用することができます！