2016-12-04 1 views
0

Ich entwickle eine modulare Web Angular 2 Dart Anwendung, bei der Module austauschbar sind und jedes seine eigene Verantwortung/Funktion trägt. Ich begann mit dem folgenden Link:Angular 2 Dart: Verwendung von NgModule in Dart

https://angular.io/docs/dart/latest/guide/ngmodule.html, aber die Dokumentation ist noch nicht fertig ... ich mit der Typoskript Referenz fortgesetzt, wobei i @NgModule

lernte ich @NgModule versuchte Umsetzung aber konnte es nicht einmal Wie kann ich im Dart-Paket-Quellcode die Gruppierung mehrerer Komponenten, Richtlinien, ihrer Dienste und Pipes in Dart durchführen? Gibt es etwas wie @NgModule wie in TypeScript?

Ich versuchte Bootstrapping mehrere App Root-Komponenten, die funktionierte, aber ich glaube nicht, dass es eine richtige Lösung für das Problem ist. Und wenn nicht wie kann ich Daten dazwischen teilen?

in meinem main.dart ich habe:

import 'package:angular2/platform/browser.dart'; 
    import 'package:test/app_component.dart'; 
    import 'package:test/app1_component.dart'; 

    main() { 
     bootstrap(AppComponent); 
     bootstrap(App1Component); 
    } 

Wo AppComponent und App1Component sind Root-App-Komponenten; Wäre dies äquivalent zu @NgModule in https://angular.io/docs/ts/latest/guide/ngmodule.html

Antwort

3

Angular2 Dart hat nicht das Konzept der Module. wurde hauptsächlich eingeführt, um das lazy Laden von Teilen der Anwendung zu ermöglichen. Da Dart standardmäßig das verzögerte Laden (standardmäßig deferred loading in Dart) ermöglicht, war es nicht erforderlich, NgModule zu implementieren.

Hier ist ein Artikel über verzögertes Laden in Angular2 Dart: https://medium.com/@matanlurey/lazy-loading-with-angular-dart-14f58004f988#.6ryctgg5q

Es gibt auch einen Repo, die, wie Sie träge zeigen bestimmte Routen laden können: https://github.com/kulshekhar/angular-dart-routing-lazy-loading

Mit dieser, Sie austauschbare Komponenten an Orten, wo Sie verwendeten austauschbare Module