Невозможно выбрать элементы в кендо мультиселекте, используя Angular 7 - PullRequest
0 голосов
/ 22 мая 2019

Я использую элемент управления kendo Multiselect в своем приложении angular 7 и вижу, что данные могут быть привязаны правильно, но выбор элементов добавляет элемент управления. Есть некоторая проблема с событием isItemSelected, но не в состоянии понять. Не уверен, в чем проблема

Скриншот

enter image description here

JSON - Валюты

[{"Id":7,"Name":"AUD"},{"Id":10,"Name":"BND"},{"Id":19,"Name":"BRL"},{"Id":6,"Name":"CAD"},{"Id":5,"Name":"CHF"},{"Id":13,"Name":"CNH"},{"Id":12,"Name":"CNY"},{"Id":18,"Name":"DKK"},{"Id":3,"Name":"EUR"},{"Id":1,"Name":"GBP"},{"Id":9,"Name":"HKD"},{"Id":4,"Name":"JPY"},{"Id":14,"Name":"KRW"},{"Id":11,"Name":"KWD"},{"Id":17,"Name":"MYR"},{"Id":15,"Name":"NOK"},{"Id":16,"Name":"SEK"},{"Id":8,"Name":"SGD"},{"Id":2,"Name":"USD"}]

Html

<kendo-multiselect
                      [data]="LegalFundClasses.Currencies"
                      [(ngModel)]="value"
                      [textField]="Name"
                      [valueField]="Id"
                      [autoClose]="false"
                    >
                    <ng-template kendoMultiSelectItemTemplate let-dataItem>
                      <input type="checkbox" class="k-checkbox"
                        [checked]="isItemSelected(dataItem.Name)">
                      <label class="k-checkbox-label">{{ dataItem.Name }}</label>
                    </ng-template>
                    </kendo-multiselect>

Компонент

   public value: any = [{ Name: "Medium", Id: 2 }];

    public isItemSelected(itemText: string): boolean {
        return this.value.some(item => item.Name === itemText);
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...