2016-02-12 7 views
6

मेरे पास दो मार्ग हैं जो इस तरह घोंसला हैं।केवल सटीक मार्गों के लिए सक्रिय कक्षा को जोड़ने के लिए और एम्बर जेएस में मूल मार्ग नहीं?

router.js

this.route('profile', function() { 
    this.route('edit'); 
}); 

और इस तरह इन मार्गों के लिए नेवबार लिंक की जोड़ी ..

navbar.hbs

{{#link-to 'profile' tagName="li"}}<a href>View Profile</a>{{/link-to}} 
{{#link-to 'profile.edit' tagName="li"}}<a href>Edit Profile</a>{{/link-to}} 

link-to सहायक active वर्ग कहते हैं li यहां टैग करें। तो जब मैं profile मार्ग में हूं, तो पहले लिंक में active वर्ग है और जब मैं profile.edit मार्ग में हूं, तो दोनों लिंक active कक्षा हैं। (जाहिर है क्योंकि profile.edit का दौरा करते समय दोनों मार्ग सक्रिय हो जाते हैं।)

बच्चे के मार्ग में active कक्षा प्राप्त करने के लिए मैं मूल मार्ग लिंक से कैसे बच सकता हूं?

असल में मैं profile.edit मार्ग में active कक्षा के लिए पहला लिंक (profile) नहीं चाहता हूं।

+0

आप 'वर्तमान-कब' का उपयोग कर सकते हैं, हालांकि मुझे लगता है कि इस तथ्य को मुखौटा कर देगा कि संभवतः मार्गों को उस मामले में घोंसला नहीं जाना चाहिए। – locks

उत्तर

12

मुझे यह पता चला कि अगर किसी और को एक ही समस्या का सामना करना पड़ रहा है।

मैंने अभी लिंक को profile पर बदल दिया है और इसे स्पष्ट रूप से profile.index पर बनाया है।

navbar.hbs

{{#link-to 'profile.index' tagName="li"}}<a href>View Profile</a>{{/link-to}} 
{{#link-to 'profile.edit' tagName="li"}}<a href>Edit Profile</a>{{/link-to}} 

इस तरह, जब profile.edit मार्ग में, पहली कड़ी active वर्ग नहीं मिलता है।

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