如何通过引用字段模型将自定义包装器添加到 NGX-Formly?

Question

我正在尝试为 NGX-Formly 字段实现一个包装器，该包装器具有一个按钮，该按钮调用处理函数，该函数传递对包装字段模型的引用。如何注入此引用并将其传递给处理程序函数(例如打开弹出窗口或类似函数(？

我的目标是创建一个拖放表单构建器。

在这个例子之后，我实现了这样的包装器：

<div class="formly-wrapper">
<label>{{ to.label }}</label>
<button (click)="myHandlerFunction()">Edit</button>
<ng-container #fieldComponent></ng-container>
</div>

如何获取字段定义或至少对包装字段的引用？

Answer 1

经过一些来回尝试，我发现您可以在包装器中传递字段，如下所示：

<button (click)="myHandlerFunction(field)">Edit</button>

这为您提供了完整的 FieldConfig，而to只是 TemplateOptions 的别名。