Generische UI-Vorlage mit Angular2

Question

Können Sie mir bitte helfen, generische UI-Vorlage mit Angular2 zu generieren? Hier ist meine Anforderung.Ich möchte generische UI-Vorlage für die Login und Logout-Funktionalität erstellen.Zu diesem Zeitpunkt habe ich die gleiche Code-Basis jeder Seite.Welche ist schrecklich.Bitte führen Sie mich Refactor dies besser?

Dies ist eine solche Komponente oder Seite.

ereignis schedule.html

<ion-buttons end> 
     <button ion-button icon-only (click)="login()" *ngIf="token==null || token.length==0"><ion-icon name="log-in"></ion-icon></button> 
     <button ion-button icon-only (click)="logout()" *ngIf="token!=null && token.length>0"><ion-icon name="log-out"></ion-icon></button> 
    </ion-buttons> 

ereignis schedule.ts

export class EventSchedulePage 
{ 
token: string = ''; 

constructor(...) { 
} 

    //to login 
     login(): void { 
     this.navCtrl.push(LoginPage); 
     } 

     //to logout 
     logout(): void { 
     this.removeToken().then((val) => { 
      this.token = val; 
     }); 

} 

Answer 1

Ich weiß nicht, ob Sie sich bewusst sind, aber ionische Team hat ein Starter-Projekt mit vielen Dinge (Login, Menü, Karte, etc.) bereits enthalten. Vielleicht kann dir das helfen. Hier ist der Link zu der repository