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>