如何通过引用字段模型向NGX-Formly添加自定义包装？

Question

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

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

在this example之后，我实现了这样的包装器：

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

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

Answer 1

反复尝试后，我发现您可以像这样在包装器中传递 field ：

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

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