使用Angular2的通用UI模板

时间:2017-03-18 20:21:46

标签: angular ionic-framework ionic2

您能否指导我使用Angular2生成通用UI模板?这是我的要求。我想为LoginLogout功能创建通用的UI模板。这一刻我每个页面都放了相同的代码库。这很可怕。请指导我以更好的方式重构这个?

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

事件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>

事件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;
        });

}

1 个答案:

答案 0 :(得分:1)

我不知道你是否知道但是离子团队有一个初学者项目已经包含很多东西(登录,菜单,地图等)。也许这可以帮到你。这是repository

的链接