2014-04-04 9 views
5

एक लैंडिंग पृष्ठ अक्सर अन्य पृष्ठों के स्वरूप और अनुभव से बिल्कुल अलग होता है।कोणीयजे और लैंडिंग पृष्ठ

मूल रूप से, कोणीय के डिफ़ॉल्ट रूटिंग तंत्र के साथ, index.html में विभिन्न पृष्ठों को प्रदर्शित करने के लिए ng-view हो सकता है।
इस एनजी-व्यू के साथ "स्थितियों" की अवधारणा नहीं है।

दरअसल, क्या होगा यदि मैं सभी पृष्ठों पर कुछ नेविगेशन बार निर्दिष्ट करना चाहता हूं लेकिन लैंडिंग पृष्ठ?

क्या मुझे उन सभी टेम्पलेट्स में नेविगेशन बार "शामिल" करना चाहिए, डीआरवाई सिद्धांत तोड़ना?

+1

या लैंडिंग पृष्ठों के लिए कोणीय का उपयोग न करें। कॉल टू एक्शन पर क्लिक करने के बाद बस उन्हें अपने ऐप पर ले जाएं या * साइट पर जारी रखें * –

+0

@ ओजीसी-निक मैंने इस बारे में सोचा, लेकिन एक कोणीय समाधान मौजूद होने पर रीफ्रेश को मजबूर क्यों कर रहा है। उपयोगकर्ता अनुभव में सुधार किया जा सकता है (कोई सीएसएस, जेएस फिर से लाने के लिए जेएस ..) – Mik378

+0

मेरी विशेष स्थिति में मेरा लैंडिंग पृष्ठ एक स्थिर पृष्ठ नहीं है और मैं कोणीय सुविधाओं तक पहुंच प्राप्त करना चाहता हूं। –

उत्तर

1

मुझे लगता है कि कोणीय यूआई रूटर के साथ कोणीय-ui रूटर https://github.com/angular-ui/ui-router/wiki

का उपयोग करके आप राज्यों के बजाय परिभाषित कर सकते हैं किया था, लेकिन आप राज्य अपने नेविगेशन घटक को वापस उप/पब की जरूरत है।

कोणीय यूई राउटर आपको घोंसले के दृश्यों की अनुमति देता है ताकि आपको नेविगेशन को उस दृश्य के बाहर रखने की आवश्यकता न हो जिसके परिणामस्वरूप पृष्ठ को आपके दृश्य से बाहर किया जा सके।

बस एक नोट ui राउटर ng-href के बजाय नेविगेट करने के लिए ui-sref निर्देश का उपयोग कर रहा है। यह आपकी परियोजना को दोबारा करने के लिए बहुत काम हो सकता है लेकिन मुझे विश्वास है कि यह इसके लायक है।

अपनी नेविगेशन बदलने के बारे में। आप अपने नेविगेशन को एनजी-अगर या एनजी-शो निर्देश में लपेट सकते हैं या आप अपने /,/home राज्य पर एक पूरी तरह से अलग आधार टेम्पलेट प्राप्त कर सकते हैं।

चीयर्स

+0

दरअसल, मेरा असली परिदृश्य यह है कि मेरे लैंडिंग पृष्ठ के लिए मेरे पास एक अलग navbar (बूटस्ट्रैप का घटक) है। इसलिए यदि उपयोगकर्ता लैंडिंग पृष्ठ पर है या अन्य लोगों के बारे में अपेक्षित कक्षाओं को दिखाने या छिपाने के लिए मैंने 'एनजी-क्लास' में वर्तमान स्थान के साथ खेला है। हालांकि, कुछ परिसंचरण में, जब कोणीय अभी तक लोड नहीं हो रहा है, तो मुझे सही navbar प्रदर्शित करने में कुछ देरी है। (एनजी-क्लोक का उपयोग बहुत यूएक्स नहीं होगा) आशा है कि कोणीय यूई-राउटर मदद कर सकता है :) – Mik378

+0

यदि आप बूटस्ट्रैप पर अत्यधिक निर्भर हैं तो http://angular-ui.github.io/bootstrap/ पर एक नज़र डालें। मैं एक नौसेना निर्देश या एक दृश्य का सुझाव देता हूं, जो भी आपके लिए आसान है। –

+0

हां, मैं इसे अन्य घटकों के लिए उपयोग करता हूं जैसे मॉडल्स, नेविबार को छोड़कर, जो असाधारण लाभ नहीं लाता है। इससे इस पोस्ट के समाधान की पसंद में बदलाव नहीं आएगा :) => मेरे पास एक ही समस्या होगी – Mik378

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