angular - TypeError：this.mealService.getCardAssignment 不是 Angular 8 的函数

Question

我在一页中使用了两个剑道网格。由于某种神圣的原因，第二个网格不起作用。我收到这些错误 在此处输入图像描述

我的第一个网格看起来像这样，效果很好

<kendo-grid [data]="allData"
              kendoGridSelectBy="id"
              [selectedKeys]="mySelection"
              [pageSize]="pageSize" [skip]="skip" [sort]="gridState.sort"
              [pageable]="true"
              [sortable]="true"
              [reorderable]="true"
              [resizable]="true"
              [scrollable]="true"
              [columnMenu]="{ filter: true }"
              (edit)="onEdit($event)"
              (remove)="onRemove($event)"
              (add)="onAdd($event)">

第二个看起来像这样

<kendo-grid [data]="cardAssignment"
                      [pageable]="true"
                      [sortable]="true"
                      [reorderable]="true"
                      [resizable]="true"
                      [scrollable]="true">

填充第二个网格的服务如下所示：

this.mealService.getCardAssignment(bookedByData).subscribe(
      (resp: any) => {
        console.log(resp);
        this.guestsPerEmployee = resp;
      },
      (err: any) => {
        //ON ERROR
      },
      () => {
        //ON Success
        this.loadCardAssignmentGrid();
      }
    );

餐饮服务：

getCardAssignment(params: any) {
    return this.api.post('v1/employees/GetCardAssignment', params);
  }

标签： angularkendo-grid

Answer 1

您应该在如下所示mealService的构造函数中 声明：GateHouseAssignmentCardComponent

constructor(private MealService:mealService){}