问题标签 [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 投票
1 回答
210 浏览

javascript - 如何覆盖repeat元素的remove方法并在ngx中执行删除和添加一些逻辑的操作

我正在使用一个重复字段,其中有一个正常工作的删除按钮,但我的要求是在删除我调用自定义函数 onRemove 而不是 remove(i) 的元素时执行一些逻辑,谁能帮助我为了实现这一点,以下是 stackblitz 演示:单击此处 stackblitz 演示,下面找到我尝试过但没有成功的解释。

截图说明:

步骤 1.单击删除按钮,调用函数 remove(i)。 在此处输入图像描述

第 2 步。我需要调用一个在删除之前执行一些逻辑的函数,而不是删除,我尝试这样做我能够调用该函数但无法删除该元素。

我尝试用于删除 formlytype 组件中的元素的代码片段:

在 repeat-section.type.ts 中

0 投票
0 回答
364 浏览

angular - 我已经构建了一个自定义的表单控件,如何在 onInit 生命周期挂钩中订阅它的自定义事件?

我的自定义正式控件有一个“optionChanged”事件,如下所示:

通过在上面的 templateOptions 中调用 optionChanged,当我在 FormlyFieldsConfig 中定义控件时,我可以实现一个事件处理程序,如下所示:

哪个效果很好。但我也想在 onInit 生命周期挂钩中订阅这个事件(就像我为 valueChanges 事件所做的那样),以获取另一个像这样的正式控件:

但是当然“employerControl”FormControl 没有那个事件“optionChanged”所以​​我不知道我该怎么做呢?谢谢。

0 投票
1 回答
1216 浏览

angular - 如何在 Formly 表单中为服务层格式化 Angular Material 日期选择器(不显示格式)

我想在 Angular Material 日期选择器上将我的日期值公开为仅日期(“yyyy-MM-dd”)。目前,默认日期值是 ISO 格式(包括时间)。

我有一个具有所需设置的 Starter Stackblitz项目。formly-datepicker.type是我想集中转换的地方,以便模型中使用的任何日期都可以为服务层正确格式化。

我以集中方式完成它的尝试之一是使用 Angular ControlValueAccessor,但该值永远不会更新。ControlValueAccessor Stackblitz

在 Stackblitz 示例中,更改日期并单击提交后,我需要返回的值类似于:({"mydate":"1940-03-11"}没有时间信息)。

0 投票
1 回答
860 浏览

angular - 使用角度形式在选择下拉列表中设置默认值

嗨,我们如何使用 angular formly 库为选择字段设置默认值

0 投票
1 回答
882 浏览

angular - 在 Angular 11 中使用 ng-select 和 ngx-formly

我正在尝试在 Angular 11 中使用 ng-select 和 ngx-formly。我一直在关注官方文档提供的教程。 https://egghead.io/lessons/angular-use-3rd-party-form-controls-with-angular-formly

我当前的实现给了我以下错误: 在此处输入图像描述

如果我能得到帮助来确定我的代码是否出错或者我是否错过了任何步骤,那就太好了。

以下是我的实现:

我在我的主要组件中使用上述自定义模板,如下所示:

我还在我的 app.module 中添加了它,如下所示:

0 投票
1 回答
402 浏览

angular - 如何在 Angular Formly 表单上显示超链接

我想在我的 Formly 表单中包含一个简单的链接,例如

但是我找不到如何扩展ahtml 元素

我的自定义 Formly 组件是

我已将自定义组件添加为 app.module.ts 中的类型

而表单配置 JSON 是

Stackblitz 在这里 https://stackblitz.com/edit/ngx-formly-ui-material-fv4a2x?file=src/assets/simple.json

0 投票
1 回答
37 浏览

angular - Angular:处理组件添加到表单事件

我正在使用正式从返回的 json 中获取表单。考虑以下表单描述

默认情况下,输入是隐藏的hiddenExpression。单击“是”单选按钮后,将显示输入。当在第一个输入(key_a)中输入一个值时,我需要请求后端并填充另外两个输入。听form.get('key_a').valueChanges在这里是一个自然的解决方案。我仍然不知道在哪里可以设置此订阅。所以问题是:如何处理“是”单选按钮单击并hideExpression评估后添加的输入?

0 投票
0 回答
495 浏览

angular - @ngx-foml​​y 验证在自定义输入中不起作用

我正在将NGX-FORMLY @ngx-formly/bootstrap: "^5.0.0"用于动态表单。它正在使用默认输入类型。但在自定义输入的情况下不起作用。

我的自定义Input.ts

我的AppModule.ts

我的InputWrapper.ts

我的DynamicForm.ts

它显示给定类型的输入,例如:

但原始触摸提交不起作用

0 投票
0 回答
102 浏览

angular - Angular Material Stepper +Formly,在运行时获取步骤中的对象列表

目前,我们正在通过以下方式正式利用 angular-material-stepper:

有没有办法让我们从使用正式生成步骤的角度材料步进步骤中访问组件对象及其属性/方法?

只是上面基于json动态生成组件,我们不能像这个stackblitz一样为其分配标识符

我们只想要一种在包含所有属性的步骤中访问列表对象的方法,包括它的有效状态

0 投票
0 回答
69 浏览

angular - 使用 @ngx-formly JsonSchema 和字段组。这可能吗?

使用 Angular 2+ 和 @ngx-formly 时。我们可以使用 JSonSchema 并使用 fieldGroup 吗?我如何更改 json 以便可以使用字段组。