Angular 是否更改选项卡上的模型清除值？

我有以下意见：

 <input type="text" class="form-control-full" placeholder="" [ngModel]="addressDetails?.zipCode" name="zipCode">

---

您的数据被清除可能是因为选项卡中的组件被销毁。您没有指定“两个选项卡”是什么。所以我们可以,；我现在真的帮不了你。如果您正在为选项卡使用某些组件，则可能会有一个防止销毁内容的选项。如果您使用URL决定必须打开哪个选项卡，则必须将数据保存在服务中。

您的数据被清除，可能是因为选项卡中的组件被破坏。您没有指定“两个选项卡”是什么。所以我们可以,；我现在真的帮不了你。如果您正在为选项卡使用某些组件，则可能会有一个防止销毁内容的选项。如果您使用URL决定必须打开哪个选项卡，则必须将数据保存到服务中。

据我所知，每次呈现此组件时，您都会填充表单，但您没有保存数据，对吗

这意味着：

您可以使用从某处检索的

addressDetails？.zipCode

填充输入

然后转到另一个选项卡，该组件可能会被销毁

返回表单组件并再次检索

addressDetails？.zipCode

覆盖以前的值

我的建议是：

• 将

  addressDetails

  数据（通常是表单数据）保存在一个对象中，您知道它不会被破坏或覆盖
• 离开当前组件后，立即将表单数据保存到服务中。这样，当您返回到它时，您可以从该服务获取数据，如果该服务为空，您可以从服务器、API或其他任何地方获取数据

---

据我所知，每次呈现此组件时都会填充表单，但不会保存数据，对吗

这意味着：

您可以使用从某处检索的

addressDetails？.zipCode

填充输入

然后转到另一个选项卡，该组件可能会被销毁

返回表单组件并再次检索

addressDetails？.zipCode

覆盖以前的值

我的建议是：

• 将

  addressDetails

  数据（通常是表单数据）保存在一个对象中，您知道它不会被破坏或覆盖
• 离开当前组件后，立即将表单数据保存到服务中。这样，当您返回到它时，您可以从该服务获取数据，如果该服务为空，您可以从服务器、API或其他任何地方获取数据

---

考虑保存数据。。也许在公共服务中，您如何处理选项卡？他们会改变URL还是像bootstrap的标签一样？他们不会改变URL，就像bootsrap“类似bootsrap的东西”？当你改变标签时，标签内的组件（Priming）会被破坏。因此，您需要将其存储在“代码>公用服务< /代码>、<代码>调用API < /代码>或您可以使用NGRX/Stury（ReDux）。考虑保存数据。也许在公共服务中，您如何处理选项卡？他们会改变URL还是像bootstrap的标签一样？他们不会改变URL，就像bootsrap“类似bootsrap的东西”？当你改变标签时，标签内的组件（Priming）会被破坏。因此，您需要将其存储在

公共服务

、

调用API

等位置，或者您可以使用ngrx/store（redux）。

    getAddressDetails(address) {
         if (this.addressDetailForm) {
            this.addressDetailForm.addressDetails = address;
        }
}