如何向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

经过反复尝试，我发现可以像这样在包装器中传递字段：

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

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