Автозаполнение формы в проекте jHipster - PullRequest
Новая
       13

Автозаполнение формы в проекте jHipster

0 голосов
/ 14 мая 2019

Я пытаюсь реализовать автозаполнение в форме в проекте jHipster, используя PrimeNg и руководствуясь этим руководством 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-запросы и ответы с отфильтрованными сущностями в соответствии с напечатанными значениями

1 Ответ

1 голос
/ 14 мая 2019

Проблема решена добавлением: 

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

в app.module.ts

...