Angular2 बराबर टेम्पलेट विरासत

Question

करने के लिए अपने angular2 ऐप्लिकेशन में मैं AppModule, AppComponent (केवल रूटर-आउटलेट के होते हैं) और एक LoginComponent है:

<nav>...</nav> 
<ul> 
<li>Document A</li> 
<li>Document B</li> 
<li>Document C</li> 
</ul> 

... और उपयोगकर्ताओं के साथ एक सूची (UsersComponent):

<nav>...</nav> 
<ul> 
<li>User A</li> 
<li>User B</li> 
<li>User C</li> 
</ul> 

लॉगिन shoul डी पूर्णस्क्रीन में हो। तो कोई नेविगेशन नहीं है। अन्य सभी घटकों पर एक नेविगेशन होना चाहिए। तो वास्तविक ऐप में यह न केवल नेविगेशन है। सामग्री के चारों ओर बहुत अधिक घटक हैं।

ट्विग में मैं विस्तार की तरह कुछ उपयोग करता हूं। लेकिन मुझे पता है कि कोणीय में templating की संरचना और विचार अलग है।

तो मुझे "रैपर" (नेविगेशन, पाद लेख, ...) कहां रखना चाहिए और इसे दस्तावेज़ों में दिखाएं- और उपयोगकर्ता कॉम्पोनेंट लेकिन लॉगिन कॉम्पोनेंट, रजिस्टर कॉम्पोनेंट, एरर कॉम्पोनेंट, .... में नहीं?

Answer 1

उपयोग child routes

या यदि आपके उपयोगकर्ता में लॉग इन नहीं कर रहा है, स्थिति उपयोगकर्ता से सब कुछ छिपाने के लिए ठीक किए जाने के अनुप्रयोग के सामने बस डाल लॉगिन प्रपत्र - यह आसान है, लेकिन एक तरह से गंदा समाधान है

आप कर सकते हैं भी hierarchical di का उपयोग कुछ घटक जहाँ आप चाहते हैं

या Compile गतिशील तरीके से अपने घटक जगह है, लेकिन यह सबसे खराब परिदृश्य यहाँ

है