Angular formly select shows blank drop down list from backend api call

Question

I am trying to display data in drop down select list using angular formly. The drop down list appear to be blank. Here is the code snippet. Can some please help??

component.ts

 this.fields = [
  {
        key: 'Branch',
        type: 'select',
        defaultValue: 'develop',
        templateOptions: {
          required: true,
          label: 'Branches',
          description: 'Select the Branch to deploy in test',
          options: this.artifactory.getArtifacts('star')
        }
]

service.ts

 getArtifacts(artifact: string) {
    let data: Observable<string[]> = of([]);

    let artifactType = new HttpParams().set('artifact', artifact)
    data = this.httpClient.get<string[]>(`${environment.api}branches`, { params: artifactType }).pipe();
    return data;
  }

html

 <form [formGroup]="form">
    <formly-form [form]="form" [fields]="fields"></formly-form>
  </form>
</div>

Sumit Parakh · Accepted Answer · 2020-07-03 20:34:15Z

3

You'll have to define valueProp and labelProp values in templateOptions as per your api response

answered Jul 3, 2020 at 20:34

Sumit Parakh

1,1639 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular formly select shows blank drop down list from backend api call

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related