问题标签 [ngx-formly]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
22 浏览

angular9 - 如何为 Angular 9 Formly 表单字段添加带有事件的汉堡菜单?

我尝试为以正式 json 驱动的动态表单配置的每个表单字段添加汉堡菜单。在形式上,他们可以选择加载项,但那只是显示图标。但我需要将该插件实现为操作菜单。

0 投票
1 回答
217 浏览

javascript - Angular-Formly - 访问具有包含点(。)键名的计算字段的模型名称

我有一个带有 3 个字段的配置 json,第 3 个字段是根据前 2 个字段中的数据计算得出的字段。现在这里的问题是我在他们的键名中有点(。)。例如“something.someone” 当我尝试渲染表单时,我得到一个显示未定义的错误。我的 config_json :

错误是:FormBuilderComponent.html:24 ERROR TypeError: [Formly Error] [Expression "model['pushin_temperature.kiln_id']"] Cannot set property 'kiln_id']' of undefined 在此处输入图像描述

提前致谢!

0 投票
1 回答
364 浏览

angular - 如何对 ngx-formly 进行单元测试?

我正在尝试正式对 ngx 进行单元测试,但出现以下错误:

[正式错误] 找不到验证器“emailValidator”。请确保通过 FormlyModule 声明进行注册。

我还检查了角度形式的文档,他们以相同的方式编写了代码。

文档:

文档链接:https ://formly.dev/guide/validation


** 我的代码 **

form.component.ts:

form.component.spec.ts:

有人可以指导我吗?任何线索都会有所帮助!谢谢!

0 投票
0 回答
155 浏览

angular - field.formControl.value 始终为空 Angular Formly Change 事件

我没有使用 Formly,而是使用Angular Materialselect创建自己selectmat-selectselectionChange但是目前,当组件发生时,我很难获得新的价值custom-select

用于创建custom-select组件的 JSON:

这就是我绑定onChange到的方式onChangeQ

这是我的custom-select.component.html

这是我的custom-select.component.ts

最后这是我的onChangeQ功能:

我尝试使用setTimeOut,因为 Angular 有时需要它才能正常工作,但没有解决问题。而且我不能将MatSelectChange作为另一个参数发送到onChangeQ函数,因为最后会有许多自定义组件具有MatInputChangeMatRadioChange发送到函数,它们都有不同的路径来达到新值。

我如何使用它来使自己在selectionChange触发时达到新值?

0 投票
0 回答
30 浏览

bootstrap-4 - 我们如何使用 ngx-foml​​y/bootstrap 在表单中添加带有文本的图标

没有获得任何文档/信息来使用 ngx-formly/ bootstrap 库在表单上添加带有文本的图标。

也尝试使用插件添加图标,但在我的项目中,表单上只显示两个图标(fa fa-heart 和 fa fa-edit)其他图标不起作用(fa fa-lock)等。有什么原因吗?

帮助 ..!!

0 投票
1 回答
134 浏览

angular - 如何使用 Formly 将复选框值保存为字符串?

我目前正在使用 Formly 来生成复选框。勾选复选框时,该值将保存为 true,但我需要将其保存为类似“true”的字符串。我还使用 JSON 来生成复选框,这使得操作 HTML 值变得更加困难。

请参阅此示例:https ://stackblitz.com/edit/angular-formly-checkbox?file=src%2Fapp%2Fapp.component.html

有没有办法将值作为字符串而不是布尔值?

0 投票
1 回答
247 浏览

angularjs - 如何更改 Angular Formly 描述的颜色?

我正在使用角度形式。

下面是输入字段的图像及其描述。 在此处输入图像描述

我面临什么问题?
最初描述属性有一些默认颜色,但是一旦输入字段有一些值,我想更改描述属性的颜色,但我没有得到任何解决方案,直到没有相同的值。

HTML

TS

0 投票
0 回答
61 浏览

angular - 如何创建自定义 ngx formly 组件以支持多值自动完成组件

我正在开发一个需要以角度形式支持多值组件的应用程序。我正在创建一个自定义组件,它使用带有芯片的自动完成功能来显示选择/输入的多个值。

图书馆

  • 角度 v12.1.3

  • @ngx-formly/核心 v5.10.22

  • @ngx-formly/材料 v5.10.22

有人对如何使用正式创建多值组件有任何提示吗?

0 投票
0 回答
43 浏览

angular - 为什么 formly-field 不渲染组件?

我正式制作了输入组件和渲染组件。

这很简单:应用组件渲染渲染组件,渲染组件渲染输入组件。

但是输入组件没有被渲染。为什么让它工作?

我按照形式重复示例

代码沙盒

渲染组件:

两者都在根组件中注册:

0 投票
0 回答
307 浏览

angular - ngx-formly 中表单字段的更改事件

场景 - 我想在特定字段失去焦点时获取当前字段值、先前字段值和 fieldId 并调用 API 在后端执行一些验证

html

ts

从上面的例子中,假设我有 20 个表单字段,我必须为每个字段实现。有没有一种方法可以从表单字段中处理焦点,而无需实现 FormlyFieldConfig 提供的 change()?

我已经试过了

  1. form.valuechanges.subscribe() 但这对我没有帮助,因为我希望仅在字段丢失焦点时启用此功能

在这里,我观察到 change 事件仅针对表单中类型为“input”的字段触发,而不针对其他原生 formly 组件(如“select”或“datepicker”)或已创建的自定义组件

我想知道是否有办法为所有字段获取当前字段值、先前字段值和 fieldId