Как восстановить предыдущие изменения в angular 8

Question

Я пытаюсь восстановить предыдущие изменения. Например, если я установил флажки и раскрывающиеся значения на первой вкладке, то щелкнул вкладку два и выбрал некоторые раскрывающиеся значения, а затем щелкнул вкладку один. Теперь я хочу увидеть свои предыдущие изменения в флажке и раскрывающемся списке. Как мы можем это сделать? Возможно ли это в angular 8.

app.component. html:

<my-tabs (selectedTabClick)="test($event,'tab_one')">
  <my-tab [tabTitle]="'Tab 1'"  id="tab_one" #tab_one>
  <div *ngIf="tabflag.tab_one">
    <table>....</table>
  </div>
  </my-tab>
  <my-tab tabTitle="Tab 2" id="tab_two" #tab_two>
  <div *ngIf="tabflag.tab_two">
  <table>....</table>
  </div>

  </my-tab>
</my-tabs>

Демо: https://stackblitz.com/edit/angular-tabs-example-6a8jmb?file=app%2Fapp.component.html

Answer 1

Привет @ Нила Ванни Вы можете сделать с атрибутом [hidden], если вы используете *ngIf, он будет работать при условии, а если условие не будет удовлетворено, он будет удален из DOM так что вам нужно сделать с каким-то кодом, вот код

1. поставить [hidden]="tabflag.tab_one" вместо *ngIf="tabflag.tab_one"
2. поставить [hidden]="tabflag.tab_two" вместо *ngIf="tabflag.tab_two"
3. положить tabflag={ tab_one:true, tab_two:false }

и метод последнего размещения test(event) метод в ts

test(event){
    console.log(event);
    if(event.tab.id == 'tab_one') {
      this.tabflag.tab_one = false;
      this.tabflag.tab_two = true;
    } 

    if(event.tab.id == 'tab_two'){
      this.tabflag.tab_two = false;
      this.tabflag.tab_one = true;
    }
  }