wie eine HTML-Datei für Tabs verknüpfen - Angular 2

Question

I Dateien wie 'auth.ts' und 'auth.html' umgesetzt haben, usw. Und ich habe eine Hauptseite (menu.html und menu.ts) wo Registerkarten angezeigt werden. Ich möchte zum Beispiel auth.html Datei für eine Registerkarte verknüpfen, so dass eine Registerkarte für die Anmeldung und eine andere Registerkarte für eine andere Aktion usw. sein wird. Gibt es eine Möglichkeit, das mit NativeScript zu tun?

Bisher ist die Haupt-Seite sieht wie folgt aus:

Und nun möchte ich Aktionen für jede Registerkarte hinzuzufügen. Muss ich sie in "Menü" -Dateien implementieren, oder gibt es eine Möglichkeit, html/ts-Dateien mit anderen zu verknüpfen (aufzurufen)?

Answer 1

Was Sie suchen ist Angular 2 Routing

in Ihrem app.component.ts Sie einen Abschnitt haben, wie so

import { ROUTER_DIRECTIVES, Routes, Router } from '@angular/router'; 

import { HomeComponent } from '...'; 
import { AuthComponent} from '...'; 
import { MenuComponent} from '...'; 

@Component({ 
    selector: 'app', 
    viewProviders: [...], 
    templateUrl: '...', 
    directives: [ROUTER_DIRECTIVES, 
    HomeComponent],   
    }) 
@Routes([ 
    { 
    path: '/', 
    component: HomeComponent 
    }, 
    { 
    path: '/login', 
    component: AuthComponent 
    }, 
    { 
    path: '/menu', 
    component: MenuComponent 
    } 
]) 

Dann in Ihrem app.component.html hinzufügen <router-outlet></router-outlet>