2016-10-26 22 views
5

में कोणीय 1 निर्देश का उपयोग करते समय त्रुटि में मेरे पास कोणीय-क्ली के साथ एक कोणीय 2 ऐप बनाया गया है और मुझे अपने घटकों में से एक में कोणीय 1 निर्देश का उपयोग करने की आवश्यकता है (इसे एक अलग एप्लिकेशन से दोबारा उपयोग करने के लिए) । मैं से चरणों का पालन किया:

https://angular.io/docs/ts/latest/guide/upgrade.html#!#using-angular-1-component-directives-from-angular-2-code

लेकिन अब मैं इस त्रुटि के लिए मिला है और यह अतीत नहीं मिल सकता है। मैं angular2.0.2 का उपयोग कर रहा हूं (मैंने बीटा संस्करण के साथ अतीत में एक हाइब्रिड ऐप बनाने में कामयाब रहा लेकिन यह एक कोणीय 1 ऐप था और मैंने एडाप्टर के डाउनग्रेड फ़ंक्शन के साथ कोणीय 2 घटकों का उपयोग किया)।

मेरी app.module.ts में मेरे पास है:

import { UpgradeAdapter } from '@angular/upgrade'; 
const upgradeAdapter = new UpgradeAdapter(forwardRef(() => AppModule)); 

const HeroDetail = upgradeAdapter.upgradeNg1Component('heroDetail'); 

@NgModule({ 
    imports:  [ 
     BrowserModule, 
     ... 
    ], 
    declarations: [ 
     ...  
    HeroDetail 
    ] 
}) 
export class AppModule { } 

और मेरे हीरो-detail.component.ts इस तरह दिखता है:

export const heroDetail = { 
    templateUrl: 'hero-detail.html', 
    controller: function() { 
    } 
}; 

और मेरे हीरो-detail.html तरह लग रहा है इस:

<h2>Windstorm details!</h2> 

मैं बस टेम्पलेट में जोड़कर एक और कोणीय 2 घटक में निर्देश का उपयोग करने का प्रयास करें:

जब मैं एनजी सेवा चलाता हूं, तो एप्लिकेशन ठीक से संकलित होता है लेकिन जब मैं पृष्ठ लोड करने का प्रयास करता हूं तो मुझे उल्लिखित त्रुटि मिलती है।

इस पर कोई सुझाव है कि मैं इसके साथ कैसे आगे बढ़ सकता हूं?

+1

इसके साथ कोई प्रगति? मुझे एक ही समस्या का सामना करना पड़ रहा है। – vangorra

उत्तर

2

ऐसा लगता है कि आपके पास गलत बूटस्ट्रैप तर्क है।

यह वास्तव में काफी स्पष्ट नहीं सुनिश्चित करें कि है:

  • आप @NgModule({bootstrap:[ ... ]}) के साथ किसी भी NG2 घटक bootstrap नहीं है। इसके बजाय, आपके पास अपने मुख्य मॉड्यूल में ngDoBootstrap() { } विधि खाली होनी चाहिए।
  • रूट टेम्पलेट ng1 टेम्पलेट है। अर्थात। आपके index.html में आपके पास केवल ng1 घटक या डाउनग्रेड ng2 घटक होना चाहिए। आपके पास रूट के रूप में ng2 घटक हो सकता है, लेकिन आपको पहले इसे डाउनग्रेड करना होगा।

    enter image description here

    ... जो सुनिश्चित करता है कि NG2 इंजेक्टर से NG1 सभी आवश्यक प्रदाताओं है:

सरकारी अपग्रेड मार्गदर्शिका डोम संरचना का एक उदाहरण में शामिल है।

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