2016-09-20 8 views
45

की ज्ञात संपत्ति नहीं है, मैं input नियंत्रण के लिए कोणीय 2 दो-तरफा बाध्यकारी परीक्षण करने का प्रयास कर रहा हूं।कोणीय 2 परीक्षण: 'ngModel' से बंधे नहीं जा सकते क्योंकि यह 'इनपुट'

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'); 
    })); 
}); 
: यहाँ त्रुटि है

उत्तर

103

आपको FormsModule int आयात करने की आवश्यकता है ओ TestBed कॉन्फ़िगरेशन।

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

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

यह कोणीय सामान इतना यादृच्छिक प्रतीत होता है। आपके सहयोग के लिए धन्यवाद। –

+0

धन्यवाद आदमी। यह –

+2

परीक्षण में मेरे लिए काम किया, @PeteB सहमत। निर्भरता इंजेक्शन बहुत अच्छा है .... यह आपके लिए स्वचालित रूप से सब कुछ करता है ... बस यहां आयात करने के लिए भूल जाओ और NO_ERROR_SCHEMA और yada yda ... –

संबंधित मुद्दे

 संबंधित मुद्दे