在选项卡之间保存

Question

我使用的是一个带有简单Tabstrip的父组件，它有一堆选项卡。每个选项卡都是一个子组件。我想保存一个对象(名为Student)，它有一堆属性，可能还有一两个包含其他对象的列表。在加载时，我希望调用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

如果我更改了详细信息选项卡中的任何项目，我需要更新对象...？

这里推荐使用Observables，你将整个模型绑定到observable对象并在字段中使用该对象，例如，一旦你在html输入中更改了它，它就会在observable object中被更改，这就是为什么它被称为MVVM ( TabStrip -VIEW VIEW-MODEL)，它会自动更新并通过标签保存。