angular - 如何在Angle 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>

让我知道是否有帮助!