jHipster 项目中的自动完成表单答案

【问题标题】：Autocomplete form in jHipster projectjHipster 项目中的自动完成表单
【发布时间】：2019-10-01 11:45:30
【问题描述】：

我正在尝试使用 PrimeNg 并在本手册的指导下以 jHipster 项目的形式实现自动完成 https://antoniogoncalves.org/2018/11/08/jhipster-angular-primeng-and-autocomplete/。来自 git 的示例效果很好。

purchaseAgreementDetailsUpdateComponent.ts

export class PurchaseAgreementDetailsUpdateComponent implements OnInit {
   purchaseAgreementDetails: IPurchaseAgreementDetails;
   nomenclaturas: INomenclatura[];
   selectedNom : INomenclatura;
   suggestedNoms : INomenclatura[];

   constructor(
    protected nomenclaturaService: NomenclaturaService,
    protected activatedRoute: ActivatedRoute
) {}

ngOnInit() {
    this.nomenclaturaService.query().subscribe(
        (res: HttpResponse<INomenclatura[]>) => {
            this.nomenclaturas = res.body;
        },
        (res: HttpErrorResponse) => this.onError(res.message)
    );
}
searchLanguages($event) {
    this.languageService.query({'name.contains': $event.query}).subscribe(
        (res: HttpResponse<ILanguage[]>) => {
            this.suggestedLanguages = res.body;
        },
        (res: HttpErrorResponse) => this.onError(res.message)
    );
}

captureSelectedLanguage($event) {
    this.selectedLanguage = $event;
    this.contact.languageId = $event.id;
    this.contact.languageName = $event.name;
}

purchaseAgreementDetailsUpdateComponent.html

  <p-autoComplete id="field_language" 
  name="language"
  [(ngModel)]="selectedLanguage" field="name"
  [suggestions]="suggestedLanguages"                                            
  (completeMethod)="searchLanguages($event)"                                     
  (onSelect)="captureSelectedLanguage($event)"
  required>
 </p-autoComplete>

但是当我输入时没有任何建议，尽管我看到 http-reqs 和根据输入值过滤实体的响应

【问题讨论】：

标签： angular typescript autocomplete jhipster

【解决方案1】：

问题通过添加解决：

   import {BrowserAnimationsModule} from "@angular/platform-browser/animations";

到 app.module.ts

【讨论】：