问题标签 [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.
angular9 - 如何为 Angular 9 Formly 表单字段添加带有事件的汉堡菜单?
我尝试为以正式 json 驱动的动态表单配置的每个表单字段添加汉堡菜单。在形式上,他们可以选择加载项,但那只是显示图标。但我需要将该插件实现为操作菜单。
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
提前致谢!
angular - 如何对 ngx-formly 进行单元测试?
我正在尝试正式对 ngx 进行单元测试,但出现以下错误:
[正式错误] 找不到验证器“emailValidator”。请确保通过 FormlyModule 声明进行注册。
我还检查了角度形式的文档,他们以相同的方式编写了代码。
文档:
文档链接:https ://formly.dev/guide/validation
** 我的代码 **
form.component.ts:
form.component.spec.ts:
有人可以指导我吗?任何线索都会有所帮助!谢谢!
angular - field.formControl.value 始终为空 Angular Formly Change 事件
我没有使用 Formly,而是使用Angular Materialselect
创建自己select
的mat-select
。selectionChange
但是目前,当组件发生时,我很难获得新的价值custom-select
。
用于创建custom-select
组件的 JSON:
这就是我绑定onChange
到的方式onChangeQ
:
这是我的custom-select.component.html
:
这是我的custom-select.component.ts
:
最后这是我的onChangeQ
功能:
我尝试使用setTimeOut
,因为 Angular 有时需要它才能正常工作,但没有解决问题。而且我不能将MatSelectChange
作为另一个参数发送到onChangeQ
函数,因为最后会有许多自定义组件具有MatInputChange
或MatRadioChange
发送到函数,它们都有不同的路径来达到新值。
我如何使用它来使自己在selectionChange
触发时达到新值?
bootstrap-4 - 我们如何使用 ngx-fomly/bootstrap 在表单中添加带有文本的图标
没有获得任何文档/信息来使用 ngx-formly/ bootstrap 库在表单上添加带有文本的图标。
也尝试使用插件添加图标,但在我的项目中,表单上只显示两个图标(fa fa-heart 和 fa fa-edit)其他图标不起作用(fa fa-lock)等。有什么原因吗?
帮助 ..!!
angular - 如何使用 Formly 将复选框值保存为字符串?
我目前正在使用 Formly 来生成复选框。勾选复选框时,该值将保存为 true,但我需要将其保存为类似“true”的字符串。我还使用 JSON 来生成复选框,这使得操作 HTML 值变得更加困难。
请参阅此示例:https ://stackblitz.com/edit/angular-formly-checkbox?file=src%2Fapp%2Fapp.component.html
有没有办法将值作为字符串而不是布尔值?
angular - 如何创建自定义 ngx formly 组件以支持多值自动完成组件
我正在开发一个需要以角度形式支持多值组件的应用程序。我正在创建一个自定义组件,它使用带有芯片的自动完成功能来显示选择/输入的多个值。
图书馆
角度 v12.1.3
@ngx-formly/核心 v5.10.22
@ngx-formly/材料 v5.10.22
有人对如何使用正式创建多值组件有任何提示吗?
angular - ngx-formly 中表单字段的更改事件
场景 - 我想在特定字段失去焦点时获取当前字段值、先前字段值和 fieldId 并调用 API 在后端执行一些验证
html
ts
从上面的例子中,假设我有 20 个表单字段,我必须为每个字段实现。有没有一种方法可以从表单字段中处理焦点,而无需实现 FormlyFieldConfig 提供的 change()?
我已经试过了
- form.valuechanges.subscribe() 但这对我没有帮助,因为我希望仅在字段丢失焦点时启用此功能
在这里,我观察到 change 事件仅针对表单中类型为“input”的字段触发,而不针对其他原生 formly 组件(如“select”或“datepicker”)或已创建的自定义组件
我想知道是否有办法为所有字段获取当前字段值、先前字段值和 fieldId