angular - 如何在 Angular Dart 中使用 Material 下拉选择

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>

如果有帮助请告诉我!