कोणीय। नेस्टेड इंक्लूजन क्यों काम नहीं करता है

यह एक लेख नहीं है - बल्कि एक नोट है। और हां, यह एंगुलर में शुरुआती लोगों के लिए है।

एक आम सवाल यह है कि नेगुलर इंक्लूजन एंगुलर में काम क्यों नहीं करते? वे काम करते हैं। बस कोणीय php नहीं है।

लेआउट की योजना बनाते समय, हम आमतौर पर कुछ इस तरह की कल्पना करते हैं:

• मेनू शीर्ष पर है,
• बाईं ओर मेनू,
• केंद्र में सामग्री
• फ़ुटबाल

पहली चीज जो हम करने की कोशिश कर रहे हैं, वह मुख्य टेम्पलेट में ngView और निचले स्तर के टेम्पलेट में ngInclude जोड़ें। हम कोशिश करते हैं, यह हमारे साथ काम नहीं करता है, आइए पढ़ते हैं StackOverFlow (चलो ईमानदार रहें - पहले StackOverFlow, फिर, शायद, अगर यह आलसी नहीं है, - प्रलेखन)।
और वहां हमें आत्मा में कुछ बताया जाता है, "दोस्त, कोणीय यूआई-राउटर का उपयोग करें", या "बाहर की जाँच करें कि मैंने एक बैसाखी को क्या रखा है!"।

लेकिन एक क्षण के लिए सोचते हैं। मेनू और पाद लेख - यह क्या है? यह सही है - ये ऐसे तत्व हैं जिनका पुन: उपयोग किया जाता है। हम कह सकते हैं कि ये विगेट्स हैं। आपको कोई संदेह नहीं है कि कोणीय इस विषय पर निर्देश प्रदान करता है।

दूसरे शब्दों में, कोणीय कार्य में निहित निष्कर्ष, आपको बस उन्हें निर्देशों में लपेटने की आवश्यकता है। यह कुछ के लिए जटिल लग सकता है। लेकिन वास्तव में, यह बहुत आसान और अधिक उपयोगी है, उदाहरण के लिए, कोणीय यूआई-राउटर में तल्लीन करना।

बस इतना ही।
संदेह में उन लोगों के लिए, इस दृष्टिकोण के लाभ के एक जोड़े:।

सबसे पहले, पठनीयता में सुधार होगा - अमूर्त <एनजी-शामिल /> के बजाय, स्पष्ट शीर्ष टैग होंगे जैसे <टॉप-मेनू /> (अच्छी तरह से) और इसी तरह। अगर आपको यह पसंद नहीं है, तो आपको कोणीय की आवश्यकता क्यों है?

दूसरे, निर्देशों में काफी कुछ पैरामीटर हैं, जिनमें से कई बहुत उपयोगी हैं। अधिक विवरण, उदाहरण के लिए यहां , या यहां ।

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

खैर, और शायद मुख्य बात यह है कि आपको तीसरे पक्ष के मॉड्यूल जैसे यूआई-राउटर से बंधा हुआ नहीं है और उन्हें अध्ययन करने, कार्यान्वयन करने आदि के लिए समय बिताना होगा।

UPD : निर्देश के लिए न्यूनतम आवश्यक कोड:

.directive('topMenu', function () { return { restrict: 'EA', templateUrl: 'path/to/topmenu.html', controller: function ($scope) { // Your code here } }; }) 

हमारे यहां बिल्कुल समान नियंत्रक है, सब कुछ हमेशा की तरह है और टेम्पलेट का मार्ग है। क्या यह मुश्किल है? मुझे ऐसा नहीं लगता।

का उपयोग करें:

 <top-menu></top-menu> 

या

 <div top-menu></div> 

UPD2 : उन लोगों के लिए जो यह नहीं समझते :
मैं उन निर्देशों का उपयोग करने का सुझाव देता हूं जहां आपने ngInclude का उपयोग किया था। वह सब है। बिंदु। मैं और कुछ नहीं देता।
यदि आपके पास प्रत्येक पृष्ठ पर एक मेनू है, और ऐसा होता है, तो हां - इसके बजाय निर्देश का उपयोग करें।
यदि आपको पृष्ठ के बाहर मेनू, पाद लेख आदि को शीर्ष-स्तरीय टेम्पलेट में रखना है, तो आपको एम्बेडेड समावेशन के साथ कोई समस्या नहीं है।