Angular 8 Изменение компонента и вызов ngOnInit

Question

У меня есть 2 компонента внутри основного компонента. Оба имеют формы с полями ввода и элементами span. Пользователь может редактировать форму с помощью кнопки редактирования или отменить редактирование с помощью кнопки отмены. Поэтому мне нужно отменить статус редактирования, когда пользователь меняет вкладку, не нажимая кнопку отмены. Средства должны инициировать событие, как только компонент будет изменен или вызван, чтобы обнулить состояние возврата. Я еще ничего не мог получить. Похоже, простой вопрос.

Структура показана ниже

<accordion [isAnimated]="true">
<accordion-group heading="Basic Details">
    <div class="profiletab_detail_wrp">
        <app-basic-details></app-basic-details>
    </div>
</accordion-group>
<accordion-group heading="Address Details">
    <div class="profiletab_detail_wrp">
        <app-address-details></app-address-details>
    </div>
</accordion-group>

Answer 1

Ngx- bootstrap аккордеон с событием под названием (isOpenChange), который запускается при каждом переключении аккордеона. Так что попробуйте вот так.

HTML

<accordion [closeOthers]="oneAtATime"
   <accordion-group heading="Basic Details" (isOpenChange)="onBasicInfoToggle($event)">
       <div class="profiletab_detail_wrp">
           <app-basic-details></app-basic-details>
       </div>
   </accordion-group>
<accordion>

Компонент

onBasicInfoToggle(event) {
  // Turn of the edit mode maybe like
  if(event === 'closed') {
      this.editMode = false;
  }
}