2017-04-13 6 views
-1

exportieren Hier ist mein Code. Aber dies nicht funktioniert, bitte helfen Sie mir irgendeine ...Wie kann ich mehrere Seiten hinzufügen und es in angular2

import { Component } from '@angular/core'; 
 
@Component({ selector: 'my-app', templateUrl: `page1.html` }) 
 
@Component({ selector: 'my-app2', templateUrl: `page2.html` }) 
 
@Component({ selector: 'my-app3', templateUrl: `page3.html` }) 
 
export class AppComponent{ name = 'Santosh Thakur'; phase = 'learning phase'; btn = 'Submit' } 
 
export class myApp3 { }

+0

was werden Sie exportieren? – Aravind

+0

Sie können nicht mehrere @ Komponenten in einer Komponente haben. Sie können [this] sehen (http://stackoverflow.com/questions/40678088/multiple-components-in-angular2) – Smit

+1

@Smit können Sie mehrere '@ Komponente' in einer einzigen Datei verwenden, aber die Sache ist, müssen Sie mehrere erstellen Klassen entsprechen auch Komponenten. –

Antwort

0

Erstellen Sie einen freigegebenen Modul für alle Komponenten, die Sie exportieren möchten. Jede Komponente sollte ihre eigene component.ts-Datei und HTML-Datei haben. Importieren Sie alle diese Komponenten in das freigegebene Modul und exportieren Sie sie aus dem freigegebenen Modul zur Verwendung in anderen Modulen. Dann können Sie dieses geteilte Modul einfach importieren und Zugriff auf alle seine Komponenten haben. Hoffe das hilft dir.

Verwandte Themen