Angular 6 lombok for reactive forms，有什么方法可以实现这种行为？

Question

只是一个简单的问题：通常我为我的反应式表单创建了一个 class 并且我创建了访问属性表单的方法，而不是这样做：

myForm.get('property').value

我创建了一个getter-setter:

get property(){ return this.get('property').value;}
set property(value: type){ this.get('property').setValue(value);}

这样我可以做到：

myForm.property任何我想要的地方。

我想知道是否有办法在 class 上放置一个装饰器我想神奇地创建所有 getter-setters 作为 [=30= 的 lombok ] 确实如此。

有什么想法吗？

先谢谢大家了！

Answer 1

即使您添加装饰器并使其在运行时工作，它也不会像您预期的那样使用 TypeScript 工作：您正在向 class 添加新的道具（get/set 访问器）而 TS 将无法得出结论。因此无论如何您都必须手动写出类型定义——在这一点上，这真的不值得。

所以我猜你的问题的答案很不幸，"no"。

但是，您可以使用 IDE 并创建一个快捷方式来为您生成所有这些。例如，WebStorm 提供 "live templates"，您可以将其设置为：

get $PROP(){ return this.get('$PROP').value;}
set $PROP(value: type){ this.get('$PROP').setValue(value);}

它将突出显示第一个 $PROP 并且当您在其中键入内容时，它将在 $PROP 的其他实例中重新键入相同的内容。

Angular 6 lombok for reactive forms, any way to implement that behaviour?