Angular 8 + общий раскрывающийся список Syncfusion и множественный выбор

Question

Я использую элемент управления angular 8 + syncfusion для создания раскрывающихся списков и множественных выборок.

 <ng-template ngbPanelContent *ngIf="therapyTypeName == 'Product Brand'">
    <ejs-multiselect id='ms-productBrandList'
                     [mode]='mode'
                     [showDropDownIcon]='showDropDownIcon'
                     [showClearButton]='showClearButton'
                     [selectAllText]="selectAllText"
                     [dataSource]="dataToBind$ | async"
                     [placeholder]="placeHolderText"
                     [fields]="fieldSettings"
                     (open)="loadData()"
                     [(ngModel)]="searchFilters.productBrandIds">
      <ng-template #actionFailureTemplate>
        <span class='action-failure'> Data fetching failed.</span>
      </ng-template>
    </ejs-multiselect>
  </ng-template>

Теперь у меня есть несколько дорпдаунов и множественный выбор в других местах с похожим кодом. Все свойства такие же, кроме [(ngModel)]. Я хочу в основном использовать приведенный выше код в качестве шаблона, чтобы я мог просто ссылаться на него в других местах и ​​передавать значение ngModel, чтобы оно привязалось к свойству, которое я передаю.

Есть идеи? ценю ваше время и помощь

Answer 1

Привет от службы поддержки Syncfusion.

Мы можем установить значение с помощью ngModel от одного компонента к другим компонентам. Итак, мы подготовили образец для установки значения для нескольких компонентов MultiSelect в качестве настраиваемого компонента с помощью ngModel, который прилагается ниже.

Пример ссылки: https://stackblitz.com/edit/angular-uems1h-9ioedk?file=app.component.html

С Уважением,

Берли BC