Сохранение между вкладками

Question

Я использую родительский компонент с простой Tabstrip , которая имеет несколько вкладок. Каждая вкладка является дочерним компонентом. Я хотел бы держать объект (называемый студент) с кучей атрибутов и, возможно, список или два с другими объектами. При загрузке я хочу вызвать API, чтобы заполнить объект ученика, а затем я хочу добавить атрибуты к нему из различных вкладок.

<kendo-tabstrip>
   <kendo-tabstrip-tab title="Details" [selected]="true">
      <ng-template kendoTabContent>
         <createOrEditDetails #createOrEditDetails [(student)]="student"></createOrEditDetails>
      </ng-template>
   </kendo-tabstrip-tab>
   <kendo-tabstrip-tab title="ExtraInfo">
      <ng-template kendoTabContent>
         <createOrEditExtraInfo #createOrEditExtraInfo [(student)]="student"></createOrEditExtraInfo>
      </ng-template>
   </kendo-tabstrip-tab>                    
</kendo-tabstrip>

Будет ли наблюдаемое хорошим началом? На родительском ngOnInit я заполняю глобальный объект студент. Затем отобразится вкладка «Сведения» учащегося. Если я изменю какие-либо элементы на вкладке «Сведения», мне нужно обновить объект ...?

Любая помощь будет принята.

Answer 1

Если я изменю какие-либо элементы на вкладке сведений, мне нужно обновить объект ...?

Здесь можно рекомендовать наблюдаемые, вы привязываете весь TabStrip к наблюдаемому объекту и используете это объект в полях, если вы измените его, например, на входе html, он будет изменен в наблюдаемом объекте, поэтому он называется MVVM (MODEL-VIEW VIEW-MODEL), он будет автоматически обновляться и сохраняться через вкладки.