2016-05-18 4 views
6

मैं एक साधारण कोणीय 2 ऐप पर काम कर रहा हूं, और वर्तमान में मेरे पास रूट/लॉगिन,/रजिस्टर,/घर और/प्रोफ़ाइल हैं।कोणीय में रूट चेंज पर शीर्षलेख और पाद लेख सामग्री बदलें

मुख्य ऐप घटक पर मेरे पास <header> अनुभाग, <content> अनुभाग, और <footer> अनुभाग है। वर्तमान में content अनुभाग में <router-outlet></router-outlet> है, लेकिन content अनुभाग में अलग-अलग सामग्री होने पर (कभी-कभी)header और footer घटकों में कुछ सामग्री को बदलना चाहेंगे।

मैंने बाल मार्ग (और सामग्री अनुभाग में कुछ मार्गों के लिए उपयोग करने की योजना) का शोध किया है, लेकिन मुझे यकीन नहीं है कि यह सबसे अच्छा तरीका है, या यहां तक ​​कि संभव है। बच्चे मार्ग अनुसंधान मैंने किया है जॉन पिताजी के कोणीय 2 पाठ्यक्रम से है, और यहाँ उसका उदाहरण plunker है: http://a2-first-look.azurewebsites.net/examples/router-child/plnkr.demo.html?bust=1463590738850

मैं भी शीर्ष लेख और पाद घटकों में रूटर परिवर्तन की सदस्यता का पता लगाया है, और *ngIf का उपयोग कर विभिन्न एचटीएमएल प्रस्तुत करना। यह दृष्टिकोण एक पूरी नई सेवा SO 1 बनाने लगता है, लेकिन यह एक और अधिक सरल SO 2 लगता है। मुझे लगता है कि मैं सिर्फ देशी राउटर निर्देश के साथ कुछ कर सकता हूं?

किसी भी मदद या सही दिशा में एक बिंदु की सराहना की जाएगी! धन्यवाद

उत्तर

1

आप अपने चलाने के ब्लॉक में इस डाल सकता है:

$rootScope.$on('$routeChangeSuccess', function (event, current, previous) { 
    SomeService.header.dynamicText = 'Hello, World' 
    SomeService.footer.dynamicText = 'Contact Us' 
}) 
बेशक

, आप अपने रन कार्य करने के लिए SomeService पारित करने के लिए, साथ ही होगा।

इस आसान छोटी सेवा पर here

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