दिलचस्प पोस्ट
मैं पर्ल में हैश कैसे जोड़ सकता हूं? कार्यप्रणाली नई UI निर्माण जावास्क्रिप्ट एकाधिक चयन विकल्प बॉक्स से मान प्राप्त करें पायथन में परिपत्र आयात निर्भरता एक ही नाम के साथ मॉड्यूल मौजूद होने पर निर्मित लाइब्रेरी से आयात करना क्या होगा यदि आप static_cast enum वर्ग के लिए अमान्य मान? अजगर sys.intern क्या करता है, और इसे कब उपयोग किया जाना चाहिए? @ फॉन्ट-चेहरे फोंट लोड किए जाने पर जानने के लिए jQuery का उपयोग करना? FancyBox का उपयोग करते हुए HTML विशेषता rel त्रुटियाँ jqGrid पेजिंग सवाल मेरा हैलो वर्ल्ड सर्वर क्यों जा रहा है ApacheBench द्वारा कुचल दिया? क्या UITableViewStylePlain के साथ UITableView में फ्लोटिंग हेडर अक्षम करना संभव है? Console.log क्या है? एक्सएमएल में बाह्य संदर्भित डीटीडी रूबी में "नक्शा" विधि क्या करती है?

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

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

वेब के समाधान से एकत्रित समाधान "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