Question

我的代码仅适用于使用“编辑”按钮加载数据，并且我能够更新数据！但是，当我单击菜单中的“添加新车辆”选项以添加新数据时，我得到的表格具有上次编辑的加载值。无法获取空表单来添加新数据。

如果我没有单击编辑按钮，则菜单中的“添加新车辆”选项以添加新数据，我将获得“空”表单以添加新数据。

如何解决此问题。

我的代码位于：https://stackblitz.com/edit/angular-rlf3nz

Answer 1

问题是您要重定向到同一路由。因此有角度地阻止了它。

只需将大量代码放入要导航到的组件（app.pages.PageName1.descendants.ElementName1）的构造函数中即可。

user-form.components.ts

此外，为菜单单击添加回调函数：

this.router.routeReuseStrategy.shouldReuseRoute = function () {
  return false;
};

this.router.events.subscribe((evt) => {
    this.router.navigated = false;      
});

工作代码链接： https://stackblitz.com/edit/angular-xjhvtj?file=src%2Fapp%2Fapp.component.ts 工作示例链接： https://angular-xjhvtj.stackblitz.io

Answer 2

您可以在user-form.component的processForm（）函数末尾添加以下代码：

this.user = new User(); # For an empty one

或

{{1}}

因此，下次您导航到/ op路线，然后调用用户窗体组件时，必须再次恢复数据

无法获取空的用户表单

2 个答案: