Angular 如何在角省道中使用材质下拉选择

Angular 如何在角省道中使用材质下拉选择,angular,dart,material-design,angular-material,Angular,Dart,Material Design,Angular Material,我正在寻找如何使用材料下拉选择组件的示例 我所拥有的是一个变量,它包含当前选定的项和一个包含所有可能项的列表。我所做的是显示下拉组件并填充可用项 <material-dropdown-select> <material-select-item *ngFor="let item of allItems"> {{item.name}} </material-select-item> </material-dropdown-

我正在寻找如何使用
材料下拉选择组件的示例

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

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

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

来自:


{{p}
您也可以使用模型类,这样可以提供更大的灵活性:

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