Creating multiple dropdowns with different dataSource

[matteo z.]

Hello, 

how can I create multiple dropdowns with different data source?

Is there a way to put an identifier in the dropdown inside the ngFor and then changing the dataSource of that particular dropdown?

Thank you

    <div *ngFor="let type of dataTypes; let i = index">

      <div id="wrapper" style="margin-top: 20px">

        <div id="content" style="margin: 0px auto; width: 250px">

          <ejs-multiselect

            #types

            id="multiselectelement"

            [dataSource]="data"

            [fields]="fieldsCaratteristics"

            [placeholder]="placeholderCaratteristics"

            [popupHeight]="height"

            [changeOnBlur]="false"

            (change)="caratteristicChange($event)"

            [title]="type"

          >

            <ng-template #noRecordsTemplate>

              <span class="norecord">NESSUN DATO DISPONIBILE</span>

            </ng-template>

            <ng-template #actionFailureTemplate>

              <span class="action-failure"> Data fetch get fails</span>

            </ng-template>

          </ejs-multiselect>

        </div>

      </div>

      {{ type }}

    </div>

[matteo z.]

For example, can I select from the [title] the dropdown and change the [dataSource]?

[matteo z.]

We already solved the problem in another way, there is no need for the reply anymore

[Mallesh Ravi Chandran]

Hi matteo, 

Thanks for your update. Please let us know if you require any further assistance. We are happy to assist you.

Regards,

Mallesh