Verweis von Komponenten behalten, die wegen ngIf

Question

verborgen sind Ich habe ein Fragen-div, das einige untergeordnete Komponenten mit ngFor erzeugt. Diese untergeordneten Komponenten haben Eingabefelder für Daten. Wenn der Benutzer Daten in dieses Feld eingibt und auf die Schaltfläche "Weiter" klickt, wird die Frage div mit ngIf ausgeblendet und die Vorschau div erscheint. Wenn erneut die Zurück-Taste gedrückt wird, wird die Vorschau div mit ngIf ausgeblendet und die Frage div erscheint. aber da untergeordnete Komponenten in Fragen div wieder erstellt wird, sind Daten aus Eingabefeldern verschwunden. Es folgt mein html

<!-- questions 

    div--> 
    <div class="questions activity_screen" *ngIf="showquestions"> 
       <div *ngFor="let component of components;let i=index"> 
        <app-termhost #cmp [term] = component [title]="component.title" [Qnumber]="i+1"></app-termhost> 
       </div> 
       <a class="submit_button" (click)="getdata()">Submit</a> 
      </div> 
     <!-- preview div--> 
      <div style="width: 100%;height: 100%;display: flex;align-content: center;justify-content: center" class="preivew" *ngIf="showpdf"> 
       <button (click)="goback()">go back</button> 
      </div> 

Wie kann ich den vorherigen Zustand dieser Komponenten erhalten, so dass die Daten nicht nach Fragen div verloren erscheint wieder nach zurück Taste gedrückt wird!

Answer 1

try versteckte Eigenschaft statt * ngIf zu verwenden, werden nur mit CSS versteckt spielen, aber * ngIf wird komplett das Element löschen:

[hidden]="condition"