问题标签 [ngx-formly]

我正在使用https://formly.dev/guide/getting-started。

要求：寻找可以帮助我创建类似于所附屏幕截图的表单的 FormlyFieldConfig。这基本上是单选按钮和选择的混合体。可以使用 formly 来完成吗？

截屏

问候， 沙迪亚

我在一个角度项目中正式使用https://www.npmjs.com/package/formdata-polyfill和 nxg 我的表单有一个正式配置的文件上传字段。现在我们必须支持 IE，并且需要一个 polyfill 才能使其工作，但我不知道如何添加它。错误是 IE 不支持 FormData.get 并且需要 polyfill。

polyfills.ts

form.component.ts

我在创建自定义类型时遇到问题，我基于库 ( https://github.com/franzeal/ngx-formly-tabs )，但只显示最后一个 TAB 的内容。

我有一个关于 stackblitz 的演示：https ://stackblitz.com/edit/mat-tabs-vimbo-form

当我有多个 TAB 时，只出现最后一个，我不知道我可能错在哪里以及如何纠正它。如果有人可以帮助我。

编辑 1： 已解决，https ://stackblitz.com/edit/mat-tabs-vimbo-form

有没有一种方法可以同时定义具有两个输入的自定义形式类型，而没有来自材料的黑线。
我需要的是带有滑块的正式数字输入。用户应该能够正常输入输入并更改给定值。
像这样： 我的方法：

在 my 中扩展自定义组件FormlyModule.forRoot({types:[...]})：

模板：

我知道如何使用to.bindValue（不是在上面的示例代码中）绑定这两个值，但是在扩展输入之后，我有这个输入字段行位于我认为来自的整个表单字段下方mat-form-field。
喜欢： 有没有办法缩小这条线，把它放在输入字段下，并将它保存在一个自定义类型中？谢谢你的帮助！

今天我用这个(modelChange)功能，想知道模型什么时候发生了变化，但是有两个字段我需要禁用检测，也就是说，当在这两个字段中插入或更改一些数据时，它无法到达直到(modelChange)。

库：https ://github.com/ngx-formly/ngx-formly

编辑 1：Stackblitz 示例，当我更改 fieldExample 字段的值时，我无法触发 modelChange 函数。在文档中我什么也没找到。 https://stackblitz.com/edit/ngx-formly-material-9nwfmk-j2rcbh?file=app/app.component.ts

我有一个使用 ng-select 多选的自定义预输入字段的正式表单。它当前发出一个键值对数组。我需要它来发出一个值数组。似乎这应该是一个大致直截了当的任务，但我正在努力想办法做到这一点。当我尝试不同的事情时会发布更新。我可以构建一个助手来拦截模型并重新格式化它，但必须有一种干净的方式来在表单控件中做到这一点。

typeahead.component.ts

表单-config.ts

我正在尝试通过ngx-formly制作 datetimepicker

在我阅读了官方文档中的所有示例之后，我仍然不知道如何制作它。

是否有任何自定义表单字段或内置日期时间选择器？

我正在使用 ngx-formly v: 5.5.10。我尝试检查字段是否集中在表达式属性中。这对于根据焦点更改值是必要的。像这样的东西：

是否有一个正式的内置解决方案来检查表达式属性中的焦点？
谢谢你的帮助！

我是角度形式的新手

我想使用 formly 为以下场景构建表单：

1. 有三个兄弟元素
2. 其中两个元素取决于一个兄弟元素的值，即单选按钮组。即我想根据收件人查询选项隐藏或显示基本和高级表单
3. 我正在使用 JSON 文件来存储架构，因此无法将隐藏表达式直接写入架构。

我尝试使用 Extension 来隐藏表达式，但我发现在 Extension 中模型中可用的数据仅限于编写隐藏表达式的元素及其子元素，并且不包含其父元素的数据。由于父级的数据不可用，我无法检查单选按钮的值，也无法决定是否隐藏元素。

以下是 JSON 模式：

我已经构建了一个 ngx-bootstrap/typeahead 组件，我在我的 ngx-formly 生成的表单中使用它。搜索结果来自一个 API，我将这个组件重用于不同的对象，所以键不是静态已知的。

我希望我的 typeahead 从我的 Observable 中获取结果并使用我的模板显示项目：

和可观察的：

这曾经可以工作，但是在升级了一些东西之后，它就不再起作用了。降级并没有解决问题...

这是一个堆栈闪电战： https ://stackblitz.com/edit/angular-h3khea

如果添加typeaheadOptionField="value.nested"到 ，它可以工作。我以前从未使用过它，但在文档中找到了它。唯一的问题是，这似乎需要是一个固定的字符串，我无法从我的 .ts 文件中加载它。

我还找到了一个示例，其中一切都像我的应用程序一样正常工作：https ://stackblitz.com/edit/angular-8t8dcm-kzbw52

我不确定有什么区别，但它们似乎没有使用反应形式。而且我不会降级到 Angluar 7 ......