使用 Angular2 的通用 UI 模板

Question

你能指导我使用Angular2生成通用UI模板吗？这是我的要求。我想为Login和Logout功能创建通用 UI 模板。目前，我已经在每个页面都放置了相同的代码库。这太可怕了。请指导我以更好的方式重构它？

这是此类组件或页面之一。

事件计划.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>

event-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

我不知道

你是否知道，但 ionic 团队有一个入门项目，已经包含了很多东西(登录名、菜单、地图等(。也许这可以帮助你。这是存储库的链接