无法在我的角度应用程序中使用 ng select 组件

Question

在我的角度应用程序中，我尝试使用 ng-select 来显示下拉菜单。我的 Angular 版本是 17，它仅支持 ng select v12。 我在应用程序中使用独立组件，当我尝试导入 ng-select 组件并在导入数组中声明它时，它显示“

来自“@ng-select/ng-select”的错误组件“NgSelectComponent”出现在“imports”中，但不是独立的，无法直接导入。它必须通过 NgModule 导入..

import {NgSelectComponent} from '@ng-select/ng-select';
@Component({
 selector: 'app-service-edit',
 standalone: true,
 imports: [ReactiveFormsModule, HttpClientModule,NgSelectComponent],
 templateUrl: './service-edit.component.html',
 styleUrl: './service-edit.component.css',
})
export class ServiceEditComponent {
}

我的 html 组件是

<ng-select>
    @for (site of sites; track site.id){
       
        <option>{{site.name}}</option>
    }
</ng-select>

但是我的应用程序没有应用程序模块，因为我遵循角度建议使用独立组件。

Answer 1

您可以在v12.0.7文档中阅读您需要导入的

NgSelectModule

。仅从 v13 开始，

NgSelectComponent

是一个独立组件，可以直接添加到导入中。

import {NgSelectModule} from '@ng-select/ng-select';

@Component({
 selector: 'app-service-edit',
 standalone: true,
 imports: [ReactiveFormsModule, HttpClientModule, NgSelectModule],
 templateUrl: './service-edit.component.html',
 styleUrl: './service-edit.component.css',
})