Angular mat select自动滚动出现问题

当我在mat select中选择一个选项时，选项列表滚动到末尾。小溪 folkDistricts$仅在开始时设置，不再更改。我不明白问题出在哪里

<mat-form-field appearance="outline">
  <mat-label>...</mat-label>

  <mat-select formControlName="folkDistrict" multiple>
    <mat-option 
      *ngFor="let folkdistrict of folkDistricts$ | async" [value]="folkdistrict.id">
        {{ folkDistricts.name }}
    </mat-option>
  </mat-select>
</mat-form-field>

服务：

  public folkDistricts(cityIds: number[]): Observable<IEntity[]> {
    return this.http.get<any>(`${process.env.API_URL}/api/catalog/folk_districts`, {
      params: new HttpParams({
        fromObject: { 'cityIds[]': cityIds && cityIds.map(id => `${id}`) }
      })
    });
  }

公共民俗（城市ID:number[]）：可见{ 返回此.http.get（`${process.env.API\u URL}/API/catalog/folk\u`{ 参数：新的HttpParams({ fromObject:{'cityIds[]'：cityIds&&cityIds.map（id=>`${id}`）} }) }); }

---

我想出来了。角度传感器有问题。

我看不出这有什么问题。你能提供更多信息吗？@AdamDunkerley我从服务中获得价值：

this.folkDistricts$=this.citiesService.folkDistricts（allcityid）问题出在哪里？
  public folkDistricts(cityIds: number[]): Observable<IEntity[]> {
    return this.http.get<any>(`${process.env.API_URL}/api/catalog/folk_districts`, {
      params: new HttpParams({
        fromObject: { 'cityIds[]': cityIds && cityIds.map(id => `${id}`) }
      })
    });
  }