2016-07-06 11 views
18

ने "@ कोणीय/राउटर" संस्करण में "@ कोणीय/राउटर" के रूप में नए राउटर पर स्विच करने का प्रयास किया: "@ कोणीय/*": "2.0.0-आरसी.4", घटक राउटर पर आधिकारिक दस्तावेज़ों के बाद।कोणीय 2 राउटर: 'होमकंपोनेंट' लोड करने के लिए प्राथमिक आउटलेट नहीं मिल सकता है

हालांकि, मैं एक मुद्दा का सामना करना पड़ रहा है जब डिफ़ॉल्ट HomeComponent के साथ अपने एप्लिकेशन लोड करने का प्रयास:

Cannot find primary outlet to load 'HomeComponent' 

ऐसा लगता है इस templateUrl और एक बाहरी html फ़ाइल का उपयोग कर के बजाय इनलाइन टेम्पलेट का उपयोग कर के साथ क्या करना है अंदाज।

HomeComponent शुरू में विंडो में नहीं दिखाया गया है और त्रुटि कंसोल के लिए मुद्रित है। हालांकि, जब मैं होम घटक के लिंक का उपयोग करता हूं तो यह दूसरा हाथ दिखाता है।

जैसे ही मैं करने के लिए

template: '<router-outlet></router-outlet>' 

त्रुटि चला गया है

templateUrl: 'home.html' 

से बदलने के रूप में, HomeComponent दिखाया गया है और मार्ग के रूप में उम्मीद काम करता है।

कि एक ज्ञात समस्या है? क्या यह टेम्पलेट यूआरएल का उपयोग कर किसी के लिए काम करता है? क्या मुझे कुछ काम करने के लिए सम्मान करना है?

+0

क्या आप घरेलू घटक के लिए घटक मेटाडेटा दिखा सकते हैं जैसे आप रिश्तेदार यूआरएल दे रहे हैं लेकिन मॉड्यूलिड सेट नहीं कर रहे हैं। मॉड्यूल आईडी: मॉड्यूल.आईडी। http://blog.thoughtram.io/angular/2016/06/08/component-relative-paths-in-angular-2.html –

+0

निश्चित रूप से मैं कर सकता हूं: '@ कॉम्पोनेंट ({ चयनकर्ता: 'ऐप', निर्देशों [ROUTER_DIRECTIVES], templateUrl: '/app/components/app/app.html' }) 'और' @Component ({ चयनकर्ता: 'start.home', निर्देशों: [], templateUrl: '/app/components/start/page.home.html' }) 'ताकि नहीं होना चाहिए एक मुद्दा –

+0

खाका यूआरएल काम करता है। यह कुछ सेटअप मुद्दा अपने यकीन है कि यू सही जगह पर रूटर निर्देश और रूटर दुकानों जोड़ा हो रहा है। एक plunker –

उत्तर

27

समस्या यह थी कि ऐप लोडिंग स्क्रीन के कारण, <router-outlet></router-outlet> दौड़ की स्थिति के कारण कभी-कभी मौजूद नहीं था। यदि आपको आउटलेट युक्त HTML भाग को छिपाने की आवश्यकता है, तो आउटलेट हमेशा डीओएम में है और सशर्त रूप से हटाए जाने के लिए के बजाय [hidden] का उपयोग करें।

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