रूटिंग

Question

के साथ ngUpgrade का उपयोग करके एक कोणीय 2 आरसी 6 हाइब्रिड ऐप बूटस्ट्रैपिंग बूट करना मेरे पास एक कोणीय 1/कोणीय 2 हाइब्रिड ऐप है जो आरसी 3 और बहिष्कृत राउटर के साथ काम कर रहा था। उन सभी स्रोतों से जो मुझे मिल सकता है, आरसी 5 नए राउटर के साथ आगे बढ़ने का एक बड़ा कदम है। मैं अपने हाइब्रिड ऐप को बूटस्ट्रैप करने में सक्षम हूं, और अपना रूट घटक प्रस्तुत करता हूं, लेकिन रूटिंग काम नहीं करती है।

var upgradeAdapter = new UpgradeAdapter(forwardRef(() => AppModule)); 

angular.module('ng1App', []) 
    .directive('myBaseComponent', <any>upgradeAdapter.downgradeNg2Component(MyBaseComponent)); 

@NgModule({ 
    imports: [BrowserModule, routing], 
    providers: [appRoutingProviders, HTTP_PROVIDERS], 
    declarations: [MyBaseComponent, 
    MyNG2RoutableComponent] 
}) 
class AppModule { } 


upgradeAdapter.bootstrap(document.body, ['ng1App']).ready(function(){ 
    console.log('bootstraped!'); 
}); 

मेरी रूट एनजी 2 घटक बूटस्ट्रैप्स, क्योंकि मैं इसे टेम्पलेट में सामान फेंक सकता हूं। लेकिन ऐसा लगता है जब मैं <router-outlet></router-outlet> जोड़ता हूं तो यह बाल मार्ग प्रस्तुत नहीं करेगा। अगर मैं अपग्रेड एडाप्टर के बिना बस अपना एनजी 2 ऐप बूटस्ट्रैप करता हूं, तो सबकुछ अपेक्षित काम करता है।

मुझे लगता है कि मुझे केवल एक कनेक्टिंग टुकड़ा याद आ रहा है। कोई विचार?

---

कोणीय RC.6 और रूटर RC.2 अद्यतन

मैं rc.6 करने के लिए उन्नत और रूटर के rc.2 संस्करण इस पिछले सप्ताह, एक ही समस्या। रूटिंग शामिल नहीं होने पर अपग्रेड एडाप्टर बहुत अच्छा काम करता है। एक बार जब मैं राउटर-आउटलेट खींचता हूं, तो कुछ भी प्रस्तुत नहीं होता है और कोई त्रुटि नहीं होती है।

Answer 1

कोणीय राउटर को तत्काल एक घटक को तत्काल होने के लिए बूटस्ट्रैप होने की आवश्यकता होती है। चूंकि ngUpgrade कोणीय 1 तरफ बूटस्ट्रिप्स को बूट करता है, इसलिए कोणीय 2 बूटस्ट्रैप घटक नहीं होता है। इसे हल करने के लिए, आपको ApplicationRef को ओवरराइड करना होगा और अपना स्वयं का घटक प्रदान करना होगा। यहां एक कार्यरत प्लंकर है जो यह प्रदर्शित करने का तरीका दिखाता है।

http://plnkr.co/edit/Gj8xq0?p=preview

संदर्भ के लिए:

https://github.com/angular/angular/issues/9870