使用 Angular Full Calendar 的事件点击打开材料

Question

我在 Angular 项目中使用 Full Calendar。我想在用户选择日历上的事件时触发下拉菜单的打开。到目前为止，我只找到了 JQuery 解决方案，而且我有限的知识无法转化为角度。有什么建议吗？

Answer 1

使用 ViewChild 是可行的。

假设你使用的是 Angular Select，在模板中为控件设置一个模板变量：我的是#openMe

<mat-select #openMe>
    <mat-option *ngFor="let food of foods" [value]="food.value">
      {{food.viewValue}}
    </mat-option>
  </mat-select>

在组件中，添加view child：

@ViewChild("openMe") iCanBeOpened: any;

现在，你只需要逻辑：

calendarSelect(event: SomeEvent){ 
   setTimeout(() => {
        this.iCanBeOpened.toggle(true);
   });
}