如何使用材料下拉选择角飞镖

Question

我正在寻找一个示例如何使用material-dropdown-select组件。

我所拥有的是一个变量，它包含当前选定的项目和包含所有可能项目的列表。我设法做的是显示下拉组件并填充可用项目。

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

我没有管理的是自动标记当前选择的项目并添加一个事件处理程序来更新选择。在这种情况下，有必要不更新变量本身，而是运行一个方法，在我的情况下触发一个redux状态转换。

Answer 1

从angular_components_example：

<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> 

你也可以使用一个模型类代替，这提供了更多的灵活性：

<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> 

让我知道这是否有助于！