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

angular - Angular 正式 5.10.3 更改时的自定义切换事件

我有一个正式的工作自定义模板,在两个文本之间有一个离子切换。我怎样才能捕捉到变化事件?这是一个简化的代码示例:

定制形式的想法:

输入添加到表单:

我尝试使用 onChange 并更改事件而没有工作。我认为这可能是一个没有值本身的问题,但我不知道如何将它添加到我的自定义切换中。也许任何一种方法来获得像 to.checked 改变这样的属性都可以。任何的想法?

0 投票
2 回答
444 浏览

angular - 如何以角度形式从后端放置选择(下拉)元素

我是角度形式的新手。我的要求是将城市(来自后端)放在下拉列表中,但我已经尝试过,但我无法做到这一点。

.service.ts

从上面的 API 我必须获取下拉元素并将其放在选择下拉列表中,例如

.ts

谁能帮我解决这个问题

0 投票
1 回答
160 浏览

angular - 如何使用日历正式创建自定义验证

我实现了一个日历,创建了一个自定义模板,但我不知道如何创建验证器和消息。我看到很多有输入的例子,但不是 elemente 没有输入。

app.modules.ts

calendario.html

calendario.ts

app.component.ts

日期不显示错误且为空且不改变颜色,我不知道我必须做什么。对不起我糟糕的英语。

0 投票
0 回答
112 浏览

angular - 使用 TestComponent 进行 ngx-formly 单元测试

我想对 ngx-formly 代码进行单元测试(我知道在 ngx-formly 测试方面事情很新鲜)。

我想重用 ngx-formly 本身的单元测试中使用的模式,例如 https://github.com/ngx-formly/ngx-formly/blob/v5/src/material/select/src/select。规格

它依赖于此处声明的内容TestComponent: https: //github.com/ngx-formly/ngx-formly/blob/60bece9b9dd4e1719bb6cdf3e49d804453438fb3/src/core/src/lib/services/formly.config.spec.tscreateGenericTestComponent在此处声明: https ://github.com/ngx-formly/ngx-formly/blob/fee312de5b8a2bd18d069129b0af778497c5159f/src/core/src/lib/test-utils.ts

但那些事情似乎并没有暴露出来。有没有办法让我使用它们进行测试?有没有办法按照这种模式编写测试,还是我的方法完全错误?

0 投票
0 回答
63 浏览

angular - Angular Formly - TS2322:键入'any [] | 可观察的| undefined 不能分配给类型 '(any[] & NgIterable) | 空 | 不明确的'

我正在尝试使用 Angular Formly 创建一个自定义选择组件。我扩展了现有示例(https://stackblitz.com/edit/angular-g1h2be),它正在创建默认的 html 引导选择控件。我在通过服务填充 JSON 文件中的选择时遇到问题。

我创建了 Stackblitz 示例:https ://stackblitz.com/edit/angular-g1h2be-dktib5 ,它基于此https://stackblitz.com/edit/angular-g1h2be

我的示例运行良好,但相同的代码在我的本地 IDE(PyCharm 2021.1)中不起作用。错误如图所示。

在此处输入图像描述

我不确定是什么问题。由于它适用于 Stackblitz,我想知道这是否是我的本地配置的问题。"strictPropertyInitialization": false我向我的 compilerOptions 添加了属性,tsconfig.json但没有任何结果,错误继续显示。

0 投票
0 回答
12 浏览

ngx-admin - RegaddonLeftExp 在 ngx-formly 中未定义

我正在使用 ngx-formly 来创建动态表单。但是在构建时我得到 RegaddonLeftExp 是未定义的。 在此处输入图像描述

0 投票
1 回答
572 浏览

angular - 带有模式的正式电子邮件自定义验证不起作用

我想在 ngx-formly 中验证输入(电子邮件)。尝试使用下面的代码,但它确实有效

app.module.ts

app.component.ts

0 投票
0 回答
77 浏览

angular - angular 10 ngx-formly 新行

是否有可能将新行放入正式的复选框中?

这就是我现在所拥有的

在此处输入图像描述

但我想要这样的东西

编辑:添加<br />不起作用

在此处输入图像描述

0 投票
0 回答
75 浏览

angular - 为什么hintEnd没有用材质正式渲染?

我尝试使用带有正式选项hintEnd的from材料:

在这样的表单结构中:

但是在 ui 中没有出现文本,我没有收到任何错误。

为什么?我在这里想念什么?

代码沙盒中的示例

0 投票
0 回答
40 浏览

angular - 如何为 Angular 包含 ngx-formly 的时区?

我目前在我的库中创建,名为lib- datepicker ,这是一个使用ngx-formly 作为 datepicker组件

然后我有一个名为Survey的应用程序,它使用lib-datepicker,它有两个名为BeginDateEndDate的日期。

EndDate有一个minDate 它使用BeginDate,如下所示:

BeginDate是一个普通的日期选择器,如下所示:

我目前在为我的EndDate获取minDate的BeginDate时遇到问题,目前显示的时间少了一天。

如果我的BeginDate是“01-10-2020”,我的EndDate是“01-09-2020”,这将接受该表格为有效并让我提交日期。

我被告知时区会影响此设置的 minDate 。

如何包含两者的时区,以便它们具有相同的时区?