angular2 testi: "input" un bilinen bir özelliği olmadığı için "ngModel" e bağlanamaz

Kontrol için açısal2 iki yönlü bağlamayı test etmeye çalışıyorum input. İşte hata:

Can't bind to 'ngModel' since it isn't a known property of 'input'.

App.component.html

<input id="name" type="text" [(ngModel)]="name" />
<div id="divName">{{name}}</div>

App.component.ts

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'  
})
export class AppComponent implements OnInit {
  name: string;    
}

app.component.spec.ts

import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
import { AppService } from './app.service';
describe('App: Cli', () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent
      ],
      providers:[AppService]
    });
  });

  it('divName', async(() => {
    let fixture = TestBed.createComponent(AppComponent);
    let comp = fixture.componentInstance;
    comp.name = 'test';
    fixture.detectChanges();

    let compiled = fixture.debugElement.nativeElement;    
    expect(compiled.querySelector('divName').textContent).toContain('test');
  }));  
});

Sen aktarmanız gerekir FormsModuleiçine TestBedconfigfuration.

import { FormsModule } from '@angular/forms';

TestBed.configureTestingModule({
  imports: [ FormsModule ],
  declarations: [
    AppComponent
  ],
  providers:[AppService]
});

Bununla yaptığınız TestBedşey, test ortamı için sıfırdan bir NgModule yapılandırmaktır. Bu, testi etkileyebilecek gereksiz dış değişkenler olmadan yalnızca test için gerekli olanı eklemenize izin verir.

Aynı sorunu yaşadım, formlar modülünü içe aktardıktan sonra bile bu çözülmedi. Bu yüzden metin alanı için ngModel'e bir alternatif kullanmak zorunda kaldım. Lütfen bu bağlantıyı kontrol edin :

Özet olarak, metin alanı için modeli bu şekilde bağlamak için [değer] kullandım.

([value])="searchTextValue"

Ayrıca, tarih alanını kullanıyorsanız, modeli ts cinsinden bağlamanız gerekir. html'de yöntemi çağırın

 (dateSelect)="onDateSelect($event)"

Tip komut dosyasında aşağıdaki kodu kullanın. Bu, yalnızca Ngbdate seçici kullanıyorsanız geçerlidir.

  onDateSelect(event) {
  let year = event.year;
  let month = event.month <= 9 ? '0' + event.month : event.month;;
  let day = event.day <= 9 ? '0' + event.day : event.day;;
  let finalDate = year + "-" + month + "-" + day;
  this.finalDateVlaue = finalDate;
 }