Angular 角度多选不在窗体内工作

我正在尝试在我的角度项目中使用multiselect。但我不知道为什么multiselect在表单中不起作用

            <form #f="ngForm" method ="POST" (submit)="payBiller($event, f)">                        
                <div>                
                    <ng-select [items]="bItems" (change)="updateSelectedValues();" bindLabel="item_name"  [(ngModel)]="selectedBillerItems" multiple="true" placeholder="Select Category" ></ng-select>
                </div>
    
                <div *ngIf="selectedBillerItems?.length > 0" class ="row">
                    <span>Thanks for selecting</span>
                </div>    
            </form

感谢您的选择
感谢您的选择
getSelectedValue（）{
console.log（this.selectedBilleItems）；
}

首先，您需要为ng添加formControlName，如果您在表单标签中使用它， 要选择多个值，需要添加[multiple]=true

 <ng-select [items]="bItems" (change)="updateSelectedValues();" bindLabel="item_name"  [(ngModel)]="selectedBillerItems" [multiple]="true" placeholder="Select Category" formControlName="bItems"></ng-select>

---

您可以参考链接了解更多信息。

我有一个解决方案，该解决方案非常简单。我只是向ng select元素添加了一个name属性，我的问题就解决了。这是密码

<ng-select [items]="bItems" (change)="updateSelectedValues();" bindLabel="item_name"  [(ngModel)]="selectedBillerItems" [multiple]="true" placeholder="Select Category" name="something" formControlName="bItems"></ng-select>

感谢您的选择，您在第行有一个输入错误。请尝试在上复制该问题。我正在用您的代码尝试一个示例，完全没有问题。formControlName=“bItems”的用途是什么？当我添加它时，表单没有再次显示，因为我提到，如果您使用的是ng select inside表单，并且作为表单值，那么您需要添加formcontrolname。

<ng-select [items]="bItems" (change)="updateSelectedValues();" bindLabel="item_name"  [(ngModel)]="selectedBillerItems" [multiple]="true" placeholder="Select Category" name="something" formControlName="bItems"></ng-select>