Как использовать primeng autocomplete в angular formly (Как использовать событие completeMethod в formly JSON) - PullRequest
Новая
       31

Как использовать primeng autocomplete в angular formly (Как использовать событие completeMethod в formly JSON)

1 голос
/ 20 января 2020

// Я использую primeng lib в моей lib. Поскольку я реализую функцию автозаполнения в формально созданном виде автозаполнения с помощью ссылки "https://stackblitz.com/edit/ngx-formly-custom-template-3yvkcd".

AutoCompletecComponent 

    import { Component} from '@angular/core';  
    import { FieldType } from '@ngx-formly/core';     
    @Component({
      selector: 'formly-autocomplete',
      template: `<p-autoComplete [suggestions]="results" 
      (completeMethod)="searchCity($event)"></p-autoComplete>`,
    })
    export class FormlyAutoCompleteComponent extends FieldType {       
    }

ParentComponent - пытается использовать функцию searchCity здесь 

@Component({
  selector: 'parent-component',
  template: `<form [formGroup]="form">
    <formly-form [form]="form" [fields]="fields" [model]="testModal" [options]="options"> 
   </formly-form></form>`
export class ParentComponent{
constructor(){}
fields: FormlyFieldConfig[] = [
  "fieldGroup": [
    {
      "key": 'city',
      "type": 'autocomplete',
      "templateOptions": {
        "label": "City name",
        "placeholder": "Enter city"
      }
    },
    {
      "key": 'country',
      "type": 'select',
      "templateOptions": {
        "label": "country name",
        "placeholder": "select country"
      }
    }
  ]
] 
/*How to use it here, where this function triggers on completeMethod event from autoCompleteComponent?*/

searchCity(event){
//do something
}
}

1 Ответ

0 голосов
/ 20 января 2020

Formly не сопоставляет методы с JSON, есть 2 способа выполнения sh таких функций, которые вы можете проверить на https://github.com/ngx-formly/ngx-formly/issues/1819#issuecomment -571117573

...