Angular2

Question

में नेस्टेड घटकों की घोषणा कैसे करें Angular2 tutorial में एक विवरण घटक इसे @NgModule में जोड़कर पेश किया जाता है।

इसके बजाय, मैं इसे बाहरी घटक (AppComponent) द्वारा किसी भी तरह से आयात करना चाहता हूं, ताकि केवल बाहरी घटक आंतरिक घटक को संदर्भित कर सके।

मैं यह नहीं समझ सकता कि इसे कैसे किया जाए। पुराने उदाहरण directives संपत्ति का संदर्भ लेते हैं, लेकिन directivesComponentMetadtaType प्रकार में मौजूद नहीं है। तो यह

import { HeroDetailComponent } from './hero-detail.component'; 

@Component({ 
    selector: 'my-app', 
    [..] 
    directives: [HeroDetailComponent] 
}) 

Answer 1

आप एक मॉड्यूल के declarations: [] निर्देश और घटकों जोड़ने के लिए काम नहीं करता।
यदि आप किसी घटक का उपयोग करने में सक्षम होने के लिए केवल एक घटक चाहते हैं, तो एक मॉड्यूल बनाएं जिसमें केवल दो घटक शामिल हों।

@NgModule({ 
    imports: [BrowserModule], 
    declarations: [AppComponent, FooComponent, BarDirective], 
    ... 
}) 

Answer 2

आप यह घोषणाओं मेटाडाटा साथ की घोषणा के रूप में नीचे दिखाया गया है चाहिए,

import { HeroDetailComponent } from './hero-detail.component'; 
@NgModule({ 
    imports:  [ BrowserModule ], 
    declarations: [ AppComponent,HeroDetailComponent], //<----here 
    providers: [], 
    bootstrap: [ AppComponent ] 
})