कॉन्फ़िगर बच्चे रूटर बाध्यकारी

Question

उद्देश्य माता पिता रूटर व्यूपोर्ट html में मॉड्यूल की रचना करने के: मैं app की प्रमुख विशेषता क्षेत्रों से मार्गों को व्यवस्थित करने के बच्चे रूटर के उपयोग के अलगाव और कैप्सूलीकरण लाभ चाहते हैं। हालांकि, मैं उन मार्गों को माता-पिता राउटर व्यूपोर्ट बाध्यकारी द्वारा संभाला और रचित करना चाहता हूं। यानी

<div id="parentRouterViewport" data-bind="router: { cacheViews: true }"><div>

अब तक, सब कुछ मैं कॉल वापस माता पिता रूटर (एक प्रयोग के रूप में) मार्ग को सौंपने के लिए करने के लिए का निर्माण करना शामिल की कोशिश की है विफल रहे हैं। मुझे आश्चर्य है कि यह भी संभव है।

ब्रेवटी के लिए, मैं बस रूटिंग के लिए मिशन आलोचना कोड अनुभागों सहित हूं।

shell.js

return { 
     router: router, 
     activate: function() { 
      return router.map([ 
        { route: 'App*splat', moduleId: 'app/home/viewmodels/index', title: 'Home', nav: true } 
       ]).buildNavigationModel() 
       .mapUnknownRoutes('app/home/viewmodels/error') 
       .activate(); 
     } 
    }; 

shell.html

<div id="content" data-bind="router: { cacheViews: true }"></div> 

index.js (बच्चे मार्ग मॉड्यूल)

var childRouter = router.createChildRouter() 
     .makeRelative({ 
      moduleId: 'app/home/viewmodels', 
      fromParent: true 
     }).map([ 
      { route: 'EligibiltySearch', moduleId: 'eligibilitySearch', title: 'Eligibility Search', nav: true } 
     ]).buildNavigationModel(); 

    return { 
     router: childRouter 
    }; 
}); 

यह काम करने का एकमात्र तरीका यह है कि यदि मैं अपने संबंधित index.html दृश्य में राउटर व्यूपोर्ट बाध्यकारी डालता हूं। हालांकि, यह सीएसएस लेआउट और पेज लुक के आधार पर मैं नहीं हूं और महसूस करता हूं कि मैं डिजाइन करने की कोशिश कर रहा हूं। सबकुछ एक पैनल के रूप में प्रदर्शित किया जाना चाहिए और जब भी कोई मार्ग मारा जाता है तो एक अलग पैनल के लिए बाहर निकल जाना चाहिए। वर्तमान में, इस दृष्टिकोण में दो पैनल लगातार खुले होंगे। मेरा मतलब है कि बेहतर संदर्भ के लिए नीचे दी गई तस्वीर पर एक नज़र डालें।

Answer 1

हमारी टीम में, हम हमारे अपने "बच्चे रूटर" नॉकआउट वैरिएबल का उपयोग कर दिखाने के लिए/टैब बटन क्लिक के आधार पर subviews छिपाने बनाया है। इसके साथ एक चेतावनी यह है कि आपको उप-दृश्य को काम करने के लिए मुख्य/मूल दृश्य से अपनी सक्रिय, निष्क्रिय, रचना पूर्ण, आदि को कॉल करना होगा। कुछ अन्य गॉथस हैं, लेकिन मुझे लगा कि मैं आपको इसे एक विकल्प या अन्य लोगों को दूंगा जो बाद में इस प्रश्न को देखते हैं।