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

Question

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

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

按照这个例子，我实现了一个这样的包装器：

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

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

标签： angulartypescriptngx-formly

Answer 1

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

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

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