एंगुलर राउटर

Question

के साथ एक एनपीएम मॉड्यूल में एंजुलर 2 आलसी लोडिंग एक NgModule लोडिंग मैं मार्गों में आलसी लोडिंग मॉड्यूल रहा हूं उदा।

export const HomeRoute: Route = { 
    path: '', 
    component: HomeComponent, 
    canActivate: [AuthGuard], 
    children: [ 
    {path: 'dashboard', loadChildren: 'app/+dashboard/db.module#DashboardModule'} 
    ] 
}; 

मैं अपने "पेज" को एनपीएम मॉड्यूल में रखना चाहता हूं। Node_module का मार्ग क्या है जिसे मुझे लोडChildren विशेषता में उपयोग करना चाहिए? मैं कोणीय CLI उपयोग कर रहा हूँ 1.0.0-beta.16

मैं

{path: 'lazy', loadChildren: '../node_modules/hello-world/components#HelloWorld' } 

की कोशिश की है भी

{path: 'lazy', loadChildren: 'hello-world/components#HelloWorld' } 

निर्यात वर्ग है: -

import {Component} from '@angular/core'; 

@Component({ 
    selector: 'hello-world', 
    styles: [` 
     h1 { 
      color: blue; 
     } 
    `], 
    template: `<div> 
        <h1 (click)="onClick()">{{message}}</h1> 
       </div>` 
}) 
export class HelloWorld { 

    message = "Click Me ..."; 

    onClick() { 
     this.message = "Hello World!"; 
     console.log(this.message); 

    } 
} 

है वहाँ मुझे और कुछ और कोशिश करनी चाहिए?

Answer 1

इस समय संभव नहीं है - यहाँ AngularJS CLI टीम के प्रतिसाद देखें: -।

https://github.com/angular/angular-cli/issues/2601

"यह एक बहुत ही प्रासंगिक सवाल यह है कि मुझे नहीं लगता कि हम में समर्थन सीएलआई एटीएम। " (वर्तमान में संस्करण बीटा 17)

Datumgeek आलसी लोड हो रहा है मॉड्यूल से एक अलग तरह से (CLI के बाहर) लागू किया गया है यहां: - https://github.com/datumgeek/a2dyn/blob/master/README.md#development-server

मैं अगर यह में कोणीय CLI में संभव हो जाता है इस सवाल का जवाब अपडेट करेगा भविष्य

Answer 2

जांचें कि हैलोवर्ल्ड एक निर्यातित वर्ग है और 'डिफ़ॉल्ट निर्यात' नहीं है। अन्यथा यह काम नहीं करेगा।