代码之家 › 专栏 › 技术社区 › G B

检查字段是否已用Angular 6和Firestore修改

google-cloud-firestore firebase typescript angular javascript

G B · 技术社区 · 7 年前

我有一个用于编辑用户详细信息的表单,它应该检查用户是否进行了修改,如果没有,则不进行更改。当前正在使用 if 要检查哪个有效,但我仍然觉得不是有效的方法,因为我有多个字段,必须检查每个字段,这使得代码重复性和巨大。

    if (f.value.first_name) {
        this.user.firstName = f.value.first_name;
    }

我试过用猫王接线员,但对我不起作用

this.user.firstName ?  this.user.firstName :f.value.first_name;

还有其他有效的方法吗?

2 回复 | 直到 7 年前

Amit Chigadani 7 年前

您可以遍历每个表单控件并检查它们是否 dirty (修改)。

Object.keys(f.controls).forEach((key: string) => {
        if (f.get(key).dirty) {
            this.user[key] = f.get(key).value
        }
});

DeborahK 7 年前

我保留原始对象的副本,然后执行以下操作:

get isDirty(): boolean {
    return JSON.stringify(this.originalProduct) !== JSON.stringify(this.currentProduct);
}

我 stringify 原始产品(编辑前)和当前产品的副本并进行比较。我想如果他们不平等的话,事情就会改变。

这种方法有一些需要注意的地方,特别是如果您的对象结构非常复杂可以如果stringify没有创建完全相同的字符串。但我没有碰到这个案子。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

5 月前

Alex · 在轻量级中同时解构和不解构变量

6 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

6 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

6 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

6 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

6 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

user3472810 · Angular@Output/EventEmitter返回undefined

6 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

6 月前