angular - how to use templateOptions.options for ngx-formly multicheckbox field

Question

Im my Angular application, I need set options of multicheckbox field from a function inside my app (component or service). I don′t know how works templateOptions.options, how should I write the value ?

This is my json code :

          {
            "key": "clientIds",
            "type": "multicheckbox",
            "className": "flex-1",
            "templateOptions": {
              "label": "Clients",
              "required": true
            },
            "expressionProperties": {
              "templateOptions.options": "??????" // <-- here to bind with a component or shared service method
            }
          }

Answer 1

You have a few options, but the easiest is to simply set options to an observable.

// Client Service
import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';

@Injectable()
export class ClientService {
    clients = [
        { id: '1', name: 'Michael' },
        { id: '2', name: 'GammaStream' },
    ];

    getClients(): Observable<any[]> {
        return of(this.clients);
    }
}

// component

fields: FormlyFieldConfig[] = [
  {
    key: 'clientIds',
    type: 'multicheckbox',
    className: 'flex-1',
    templateOptions: {
      label: 'Clients',
      required: true,
      options: this.clientService.getClients()
    }
  }
];

constructor(private clientService: ClientService) {}