दिलचस्प पोस्ट
स्वत: पूर्ण पाठकदृश्य CursorLoader द्वारा समर्थित ActionBarSherlock के बारे में एंड्रॉइड स्टूडियो में परियोजना को आयात करने में समस्याएं Websphere सभी लॉग्स SystemOut.log पर जा रहे हैं उस आइटम को प्राप्त करें जो एक सरणी में सबसे अधिक बार प्रकट होता है क्या एक फ़ाइल ऑब्जेक्ट स्वचालित रूप से बंद हो जाता है जब इसकी संदर्भ गणना शून्य हिट? कैसे PHP में websockets सर्वर बनाने के लिए फ्रिज कॉल में स्विफ्ट में पैरामीटर नाम की आवश्यकता क्यों है? ऑब्जेक्ट के लिए रूबी विधि लुकअप पथ क्या एसक्यूएललेमी के पास डीजांगो के गेट_ओआरएक्रेट के बराबर है? डबल कोट्स के साथ json parse त्रुटि डब्ल्यूपीएफ माउस के नीचे एलीमेंट (ओं) को प्राप्त करें Fseek का उपयोग करके लाइन के पीछे की ओर एक फ़ाइल पढ़ें रीशरर शिकायत करता है कि विधि स्थिर हो सकती है, लेकिन नहीं कैसे Google API V 3.0 .Net लाइब्रेरी और Google OAuth2 हैंडलिंग ताज़ा करें टोकन जांच करें कि बिंदु स्थानिक वस्तु में है जिसमें एकाधिक बहुभुजों / छेद होते हैं

AngularJS – एकल टेम्पलेट में एकाधिक एनजी-दृश्य

मैं AngularJS का उपयोग करके एक गतिशील वेब ऐप का निर्माण कर रहा हूँ क्या एक टेम्पलेट पर एकाधिक ng-view होना संभव है?

Solutions Collecting From Web of "AngularJS – एकल टेम्पलेट में एकाधिक एनजी-दृश्य"

आपके पास सिर्फ एक ng-view

आप अपनी सामग्री को कई मायनों में बदल सकते हैं: ng-include , ng-switch या मार्गप्रदाता के माध्यम से विभिन्न नियंत्रकों और टेम्पलेटों के मानचित्रण।

यूआई-राउटर एक ऐसी परियोजना है जो मदद कर सकता है: https://github.com/angular-ui/ui-router इसमें से एक की विशेषताएं एकाधिक नाम दृश्य हैं

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

यहां कई नामांकित दृश्यों के दस्तावेजों की जांच करें ।

मेरा मानना ​​है कि आप केवल ng-view इसे पूरा कर सकते हैं मुख्य टेम्पलेट में आप उप विचारों के लिए ng-include वर्ग हो सकते हैं, फिर मुख्य नियंत्रक में प्रत्येक उप टेम्पलेट के मॉडल गुण को परिभाषित करता है। ताकि वे ng-include सेक्शन ng-include हो जाएंगे। यह एक से अधिक ng-view होने के समान है

आप ng-include दस्तावेज़ में दिए गए उदाहरण की जांच कर सकते ng-include

उदाहरण जब आप ड्रॉपडाउन सूची से टेम्पलेट बदलते हैं तो यह सामग्री बदलती है यहां मान लें कि आपके पास एक मुख्य ng-view और ड्रॉप डाउन का चयन करके मैन्युअल रूप से उप सामग्री चुनने के बजाय, आप ऐसा करते हैं जब मुख्य दृश्य लोड होता है।

नियमित ng-view मॉड्यूल का उपयोग करके आप एक से अधिक गतिशील टेम्पलेट नहीं कर सकते।

हालांकि, यह प्रोजेक्ट आपको ऐसा करने में सक्षम बनाता है ( ui-router )।

कई या नेस्टेड दृश्यों के लिए संभव है लेकिन एनजी-व्यू द्वारा नहीं

कोणीय में प्राथमिक रूटिंग मॉड्यूल एकाधिक दृश्यों का समर्थन नहीं करता है। लेकिन आप यू-राउटर का उपयोग कर सकते हैं यह एक तीसरा पक्ष मॉड्यूल है जिसे आप गिटब, कोन्यूलर-यू / यू-राउटर, https://github.com/angular-ui/ui-router के माध्यम से प्राप्त कर सकते हैं। इसके अलावा वर्तमान में एनजीआरओटर (एनजीएनईआर-ओटर) का एक नया संस्करण विकसित किया जा रहा है। यह फिलहाल स्थिर नहीं है इसलिए मैं आपको यूरी-राउटर के साथ एक सरल प्रारंभ उदाहरण प्रदान करता हूं। इसका प्रयोग करके आप विचारों को नाम दे सकते हैं और निर्दिष्ट कर सकते हैं कि कौन सा टेम्पलेट्स और नियंत्रकों का इस्तेमाल उन्हें प्रस्तुति के लिए किया जाना चाहिए। $ राज्य प्रदाता का उपयोग करना आपको निर्दिष्ट करना चाहिए कि विशिष्ट स्थिति के लिए प्लेसहोल्डर को कैसे देखें।

 <body ng-app="main"> <script type="text/javascript"> angular.module('main', ['ui.router']) .config(['$locationProvider', '$stateProvider', function ($locationProvider, $stateProvider) { $stateProvider .state('home', { url: '/', views: { 'header': { templateUrl: '/app/header.html' }, 'content': { templateUrl: '/app/content.html' } } }); }]); </script> <a ui-sref="home">home</a> <div ui-view="header">header</div> <div ui-view="content">content</div> <div ui-view="bottom">footer</div> <script src="bower_components/angular/angular.js"></script> <script src="bower_components/angular-ui-router/release/angular-ui-router.js"> </body> 

इस नमूने के लिए आपको कोणुलियन्स और कोणीय- ui.router को संदर्भित करना आवश्यक है।

 $ bower install angular-ui-router