Angular TestBed：无法绑定到 'ngModel'，因为它不是 'ng-select' 的已知 属性

Question

我正在尝试使用 TestBed from 来测试一个 Angular 组件，该组件在其 HTML 中有一个 ng-select。 我首先收到错误消息说 无法绑定到 'items' 因为它不是 'ng-select' 的已知 属性。 所以我已导入 NgSelectModule 并将其添加到 TestBed 配置中的导入。 它现在 returns 无法绑定到 'ngModel'，因为它不是 'ng-select'

的已知 属性

import { getTestBed, TestBed } from '@angular/core/testing';
import { ProductGenericGridComponent } from './product-generic-grid.component';
import { HttpClientTestingModule } from '@angular/common/http/testing';
import { ProductGridService } from './product-generic-grid.service';
import { NgSelectModule } from '@ng-select/ng-select';
import { ProductItemComponent } from './../product-item/product-item.component';

describe('Product Generic Grid Component', () => {
    beforeEach(() => {
        TestBed.configureTestingModule({
            declarations: [ProductGenericGridComponent],
            imports: [HttpClientTestingModule, NgSelectModule],
            providers: []
        });
    });

    afterEach(() => {
        getTestBed().resetTestingModule();
    });

    it('should return true', () => {
        const fixture = TestBed.createComponent(ProductGenericGridComponent);
        expect(true).toBe(true);
    });
});

Answer 1

将表单模块导入您的测试平台。

    TestBed.configureTestingModule({
        declarations: [ProductGenericGridComponent],
        imports: [HttpClientTestingModule, NgSelectModule, FormsModule],
        providers: []
    });

Answer 2

第 1 步：安装 ng-select： npm install --save @ng-select/ng-select

第 2 步：导入 NgSelectModule 和 angular FormsModule 模块

从'@ng-select/ng-select'导入{NgSelectModule}； 从“@angular/forms”导入 {FormsModule}；