您能否指导我使用Angular2生成通用UI模板?这是我的要求。我想为Login
和Logout
功能创建通用的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;
});
}