Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 爱奥尼亚4/6角按钮类不保留';激活';_Angular_Ionic Framework_Ionic4 - Fatal编程技术网

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。当单击按钮并添加激活类时,您的代码运行良好。我想你还没有为show
activated设置css
this.view = 'meetings';

changeView(view) {
  this.view = view;
}