ng-select multi select флажок с реактивными формами в угловых 6 - PullRequest
Новая
       29

ng-select multi select флажок с реактивными формами в угловых 6

0 голосов
/ 19 сентября 2018

Пожалуйста, перейдите по ссылке (https://ng -select.github.io / ng-select # / multiselect-checkbox ), чтобы узнать флажок ng-select multi select.

Iя пытаюсь использовать ng-select "Группа выбирает детей" в моем приложении angular 6.

У меня проблема с использованием ng-select "Группа выбирает детей" с Reactive Forms вместо шаблонно-управляемых форм.

Я устал как 

<ng-select
          [items]="userGroupsList"
          [multiple]="true"
          bindLabel="name"
          groupBy="gender"
          [selectableGroup]="true"
          [selectableGroupAsModel]="false"
          [closeOnSelect]="false"
          bindValue="id"
          formControlName="userGroups" placeholder="Select a user group">
            <ng-template ng-optgroup-tmp let-item="item" let-item$="item$" let-index="index">
                <input id="item-{{index}}" type="checkbox" [(ngModel)]="" formControlName="userGroupParent"/> {{item.gender | uppercase}}
            </ng-template>
            <ng-template ng-option-tmp let-item="item" let-item$="item$" let-index="index">
                <input id="item-{{index}}" type="checkbox" [(ngModel)]="" formControlName="userGroupChild"/> {{item.name}}
            </ng-template>
        </ng-select>

Я использовал те же данные из multiselect-checkbox-- [items] = "userGroupsList"

https://github.com/ng-select/ng-select/blob/master/demo/app/shared/data.service.ts - getMockPeople () содержит данные

Так что здесь я могу использовать [(ngModel)], а также formControlName на входе, как я могу выбрать дочерние элементыкогда родитель выбран, как в примере

Пожалуйста, помогите ....!

Ответы [ 2 ]

0 голосов
/ 20 ноября 2018

Есть другой способ сделать это без ngModel: 

<input id="item-{{index}}" type="checkbox" [checked]="item$.selected" />
0 голосов
/ 23 сентября 2018

Чтобы это работало с formGroup: сохраните formControlName в ng-select, который будет привязан к вашей formGroup.

Проблема заключается в том, что ввод в шаблон.Для меня лучшее решение - продолжать использовать ngModel, как в примере.Но вы должны дать понять angular, что это не имеет ничего общего с fromGroup, поэтому вы можете добавить к нему автономную опцию. 

<input id="item-{{index}}" type="checkbox" [(ngModel)]="item$.selected" [ngModelOptions]="{ standalone : true }" />
...