Angular6 ng选择多选复选框,带有角度6中的反应形式

Angular6 ng选择多选复选框,带有角度6中的反应形式,angular6,angular-reactive-forms,angular-ngselect,Angular6,Angular Reactive Forms,Angular Ngselect,请通过链接()了解ng select multi select复选框 我正在尝试在angular 6应用程序中使用ng select“Group selects children” 我在使用ng select“组选择子项”而不是模板驱动的表单时遇到问题 我已经厌倦了 <ng-select [items]="userGroupsList" [multiple]="true" bindLabel="name" gr

请通过链接()了解ng select multi select复选框

我正在尝试在angular 6应用程序中使用ng select“Group selects children”

我在使用ng select“组选择子项”而不是模板驱动的表单时遇到问题

我已经厌倦了

<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>

{{item.gender}大写}
{{item.name}
我使用了与multiselect复选框相同的数据--[items]=“userGroupsList”

--getMockPeople()拥有数据

在这里,我可以在输入上使用[(ngModel)]和formControlName吗?在选择父元素时,如何选择子元素,如示例中所示


请帮忙

要使用formGroup,请将formControlName保留在ng上,选择将绑定到formGroup的用户

问题在于模板中的输入。对我来说,最好的解决方案是继续使用示例中的ngModel。但您必须理解这与fromGroup无关,因此可以在其上添加独立选项

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

在没有ngModel的情况下,还有一种方法可以做到这一点:

<input id="item-{{index}}" type="checkbox" [checked]="item$.selected" /> 


您能否提供一些您已经尝试过的示例?此组件的工作方式似乎与普通组件相同。我已编辑了此问题。。xrobert35。请帮帮我。。!在这里,在组或选项模板中使用formControlName是没有意义的。为什么要这样做?顺便说一句,您似乎并不真正了解模板是如何工作的,但可以让item$=“item$”*作为选项值或组值,您必须使用[ngModel]在输入中输入,如示例[ngModel]=“item$.selected”。因此,如果您的问题是想知道您是否可以使用formControlName为您“输入”我的答案不是Anks,但我的问题是,如果我不能使用formControlName,那么哪个指令将帮助我实现这种功能。非常感谢。。。。!罗伯特。通过使用[ngModelOptions]=“{standalone:true}”使其工作正常…没问题:)。就像我告诉过你的,你应该把你在控制台中遇到的错误写在问题中;)