Wie tun wir das Rendern einer Ansicht in eine neue Seite in angular2?

Ich habe auf eine eckige 2-Projekt, und ich bin nicht klar, wie man eine route öffnen, neue anzeigen, statt die gleiche Seite. Alles was ich tun kann, ist das Rendern im gleichen Ansicht, aber ich will den Weg zu öffnen, eine völlig neue Sicht.

  • Dies könnte der Weg sein, konfigurieren Sie die route. Können Sie erläutern, wie Sie mehr über Ihre Anforderung/Frage?
  • Was ist eine „neue Sicht“? Wenn Sie also eine neue Registerkarte oder ein neues Fenster, dann funktioniert es nicht. Angular2 ist für SPA-und wenn Sie möchten, öffnen Sie ein weiteres tab oder Fenster dies ist eine neue und andere Anwendung. Die router nicht unterstützen. Sie können eine <a href="..." target="_blank"> man etwas in einem neuen tab geöffnet.
  • Davon ausgehen, dass ich nicht über eine „nav“, und ich will alle meine Routen laden Sie ein neues layout im kompletten Seite. Nun, wenn ich routerlink und router-outlet ist es immer zu Lasten der Vorlage zu, aber die alte Vorlage noch vorhanden ist.
  • wir hatten ng-anzeigen in Winkel-1 und alle Vorlagen im Zusammenhang mit den Routen lädt in diesem. Aber in agular2 wie kann ich das erreichen?
  • Das ist das Standardverhalten. Sie können nicht loswerden der root-Komponente ( AppComponent ), aber wenn es eine Komponente enthält nur eine <router-outlet> dann werden Sie genau das bekommen, was Sie wollen. Wenn Sie nicht, bitte poste deinen code (route config -, router-Initialisierung, – Komponenten mit den Selektoren und template-Inhalte (wo die <router-outlet>s sind.
  • Danke @GünterZöchbauer für die sofortige Antwort. Hochgeladen habe ich den code auf github. bitte haben Sie einen Blick auf es. github.com/reddysridhar53/angular2-test, Wenn wir klicken Sie auf start, jetzt hat es zum Rendern klicken Sie auf mich und der vorherigen Vorlage Weggehen sollte.

InformationsquelleAutor sridhar reddy | 2017-03-22



2 Replies
  1. 4

    Können Sie Ihre root-Komponente ( die AppComponent wahrscheinlich) enthält, die
    < router-outlet – > nur. Dann ist es nur eine Frage der Konfiguration der routing-Konfiguration. Machen Sie Ihre default-route auf eine andere Komponente, die ich.e

    const routes: Routes = [
    { path: '', component: MyComponent },
    { path: 'another', component: AnotherComponent }
    ];

    und nicht die AppComponent.

    Hier ein plunker https://plnkr.co/edit/CvztzcejGvXogmx0kmjL?p=preview

    Hoffe, das hilft.

    • Danke @Brian . Es arbeitete.
    • Kein problem @sridharreddy . Markieren Sie dies als eine Lösung, so dass andere sehen können.
  2. 0

    Benötigen Sie ein separates Modul und separates routing für die Besondere Ansicht und können Sie auch ChildComponent als eine Optionale routing –

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.