在标签之间保存

问题描述 投票:0回答:1

我正在使用具有简单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上,我填充了全局对象Student。然后它将显示学生的“详细信息”选项卡-如果我更改了详细信息选项卡中的任何项目,则需要更新对象...?

任何帮助将不胜感激。

angular kendo-ui rxjs tabs observable
1个回答
0
投票

如果我更改了详细信息标签中的任何项目,则需要更新对象...?

这里建议使用可观察对象,将整个TabStrip绑定到可观察对象,然后在字段中使用该对象,例如,一旦在html输入中对其进行更改,它将在可观察对象中进行更改,这就是为什么将其称为MVVM(MODEL-VIEW VIEW-MODEL),它将自动更新并通过标签保存。

© www.soinside.com 2019 - 2024. All rights reserved.