Pass value dynamically from DB to make option selected

[dbtech2723]

I am fetching the value from the DB and pass it into [value]="myDBValue" but it doesn't show the option selected. Can anybody help me how I can achieve this?

[Zefling]

What does your data look like?

[gustavohleal]

So, i'm having a similar problem. I'm getting my data from an API and I wanna know how to display it without having to manipulate it into the Select2Data standards. My data look like this:

{
    idEntity: 0,
   nmEntity: "someName",
   ... (other stuff not used in this situation)
}

How can I do it? I'm trying to use the template but I'm failing to set the value and display name of the option.

[Zefling]

It's still up to date?

[rjs123431]

I'm having a similar issue. I get the options from the Api on ngOnInit()

this.employeeData = result.items.map(e => ({ value: e.id, label: e.fullName }));

and I have a default value from the query params

this.employeeId = params.eid; - this is not working

It is showing the options, but the default value (employeeId) is not selected by default

<select2 [data]="employeeData" [value]="employeeId" (update)="update($event)"></select2>

this.employeeId = 8; - this is working

[rjs123431]

So, I got it working with this:

ngOnInit(): void {
    let empIdParam = undefined;
    this.route.queryParams.subscribe(params => {
      empIdParam = Number(params.eid);
    });

    this._employeeService
      .getList()
      .subscribe(result => {
        this.employeeData = result.items.map(e => ({ value: e.id, label: e.fullName }));
        this.employeeId = empIdParam;
      });
  }

<select2 [data]="employeeData" [value]="employeeId" (update)="update($event)"></select2>

I do not know why I had to convert the value to Number