Блог

У меня есть страница с 2 кнопками. Я хочу, чтобы один из них был «активирован» при запуске (что работает), а затем, когда пользователь нажимает кнопку, он будет активирован, а другой деактивируется. По какой-то причине, хотя поведение при загрузке нормально, как только вы начинаете нажимать, поведение завершается ошибкой. Что я делаю неправильно?

Шаблон

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

TS

 this.view = 'meetings';

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