选择“由代码强制”的 cdk 列表框不会显示为“手动”选择

Question

我有一个级联使用的 cdk 列表框。所以，我必须有可能通过代码和图形界面来控制它。

当我更改所选项目（不是多个项目）时，图形界面不会反映所选项目 - 用户必须看到所选内容。

我在 stackblitz ( https://stackblitz.com/edit/ax5jwo-x5o644 ) 中分叉了反映当前行为的 cdk 列表框。

单击列表框下方的按钮，我复制了应用程序中的行为（单击其中一个按钮，我可以“通过代码”“选择”所需的项目）。但是，列表框不会通过这种方式标记“选定”项目，就像直接单击列表框时一样。

Answer 1

您应该按如下方式组织您的职能；

  clickSprigatitoEvent() {
    this.starter = [this.starters[0]];
  }

  clickFuecocoEvent() {
    this.starter = [this.starters[1]];
  }

  clickQuaxlyEvent() {
    this.starter = [this.starters[2]];
  }