Angular 爱奥尼亚4/6角按钮类不保留';激活';
我有一个有两个按钮的页面。我希望一个在启动时被“激活”(可以工作),然后,当用户单击一个按钮时,它将被激活,另一个将被取消激活。出于某种原因,虽然加载时的行为很好,但一旦开始单击,该行为就会失败。我做错了什么 模板Angular 爱奥尼亚4/6角按钮类不保留';激活';,angular,ionic-framework,ionic4,Angular,Ionic Framework,Ionic4,我有一个有两个按钮的页面。我希望一个在启动时被“激活”(可以工作),然后,当用户单击一个按钮时,它将被激活,另一个将被取消激活。出于某种原因,虽然加载时的行为很好,但一旦开始单击,该行为就会失败。我做错了什么 模板 <div class="button-container"> <ion-button [ngClass]="{'activated': view === 'meetings'}" class="meeting-button" meetings (click)="
<div class="button-container">
<ion-button [ngClass]="{'activated': view === 'meetings'}" class="meeting-button" meetings (click)="changeView('meetings')"><ion-icon name="people"></ion-icon> <span stretch>Meetings</span></ion-button>
<ion-button [ngClass]="{'activated': view === 'tasks'}" class="task-button" tasks (click)="changeView('tasks')"><ion-icon name="list-box"></ion-icon><span stretch>Tasks</span></ion-button>
</div>
尝试调试它。把你的逻辑放在一个方法中,看看会发生什么。[ngClass]=“{'activated':newMethod()}”。基于此返回true或false.view。当单击按钮并添加激活类时,您的代码运行良好。我想您还没有为show
activated设置css,请尝试调试它。把你的逻辑放在一个方法中,看看会发生什么。[ngClass]=“{'activated':newMethod()}”。基于此返回true或false.view。当单击按钮并添加激活类时,您的代码运行良好。我想你还没有为showactivated设置css
this.view = 'meetings';
changeView(view) {
this.view = view;
}