Próbowałem bootstrap mojej aplikacji za pomocą kodu poniżej w a boot.ts plik:
import {bootstrap} from "angular2/platform/browser"
import {ROUTER_PROVIDERS} from "angular2/router"
import {AppComponent} from "./app.component"
bootstrap(AppComponent,[ROUTER_PROVIDERS]);
Wszystko działało dobrze.
Teraz chciałem spróbować zaimportować Mapy Google angular2-google-maps pakiet, stworzony a map.component.ts plik i dodał to do mapowania routera (zdefiniowanego w pliku app.component.ts plik).
W przypadku powyższego opakowania import {bootstrap} from "@angular/platform-browser-dynamic";
jest używany w kod plunker (dostarczane jako kod początkowy).
Teraz mapa jest wyświetlana, jeśli dodaję <map> selektor w moim index.html strona.
Chcę, aby podążał za routingiem, który został wcześniej zdefiniowany.
Bootstrapping odbywa się również dwukrotnie (raz dla AppComponent i raz dla Map)
Jak poprawnie załadować składnik mapy, aby ładowanie odbywało się tylko w aplikacji głównej?
Jaka jest różnica między @angular i angular2 pakiety i kiedy z nich korzystać?
Odpowiedzi:
4 dla odpowiedzi № 1@angular jest dla wersji RC (Release Candidate) i angular2 dla wersji beta.
W wersji RC na przykład angular2/core staje się @angular/core. Możesz także zauważyć, że konfiguracja SystemJS jest inna, ponieważ nie masz dołączonych plików JS.
Teraz musisz skonfigurować moduły Angular2 w blokach mapy i pakietów konfiguracji SystemJS. Zobacz ten link, aby uzyskać więcej informacji:
1 dla odpowiedzi nr 2
Jest to nowość dla wersji Angular2 po wersji beta.x, a zatem => Angular2 RC.0
Wersje <= Angular2 beta.x posługiwać się angular2