问题标签 [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 回答
466 浏览

angular - ngx-formly/bootstrap 中的自定义日期选择器未显示标签

我正在使用 ngx-formly/bootstrap(不使用材料)创建动态 UI/表单。我想显示 datepicker 控件,所以我使用 ngx-bootstrap/datepicker 显示了 custon bsdatepicker 控件。但是当我在 templateOptions 中给它时,标签没有显示

我尝试了以下方式 1. 创建一个包含用于日期选择器的 html 的组件

在 app.module 我已经注册了该组件,并在我定义了架构的组件中,

任何帮助将不胜感激

0 投票
2 回答
1501 浏览

angular8 - 如何在 ngx-formly/bootstrap 中显示日期选择器的自定义验证

我正在使用 ngx-formly/bootstrap(不使用材料)创建动态 UI/表单。我想显示 datepicker 控件,所以我使用 ngx-bootstrap/datepicker 显示了自定义 bsdatepicker 控件。现在我想对这个日期选择器进行验证,例如如果我有从和到日期,那么从日期不应该小于当前日期,或者到日期不应该比从日期更早。任何帮助都会得到帮助。

为此采取了单独的组件并在 app.modeul 中注册

//在示意图中

0 投票
1 回答
593 浏览

angular - 如何将工具提示添加到正式字段

我正在尝试寻找答案,但效率不高,所以我在这里。

如何向这些字段添加工具提示?Tooltip 只包含一个句子,并不复杂。我应该对更多字段进行此操作,但对于示例,我将显示两个字段。

0 投票
1 回答
472 浏览

angular - 使用 ng add 在 Angular 库中安装 ngx-formly

节点:12.16.1

角度:9.1.0

角 CLI:9.1.0

问题:我尝试在 Angular 库中使用ng add安装Formly包,但我得到了:

1)可以ng add在图书馆使用吗?

2)如果不是,是否可以通过另一种方式在我的 Angular 库中安装 Formly?如果我使用以下方式安装 Formly,我会遇到麻烦吗:

0 投票
1 回答
545 浏览

angular - 当字段配置来自服务时如何指定 ngx-formly 字段格式化程序

在我正在处理的应用程序中。我们将字段配置作为服务 json 响应的一部分。

对于某些输入字段,我们需要有一个特定的格式化程序。示例:对于少数输入字段,我们需要将输入的输入值转换为大写。后端可以发送的所有字段的值都应该被格式化

示例: templateOptions : { tranformToUpperCase : true }

有没有更好的方法来对输入文本进行这种转换/格式化。

0 投票
1 回答
30 浏览

angular - 输入上方带有描述的所有字段

修改每个字段使用的默认包装器的最佳方法是什么?

我想要实现的是在字段上方显示描述(默认情况下,对于引导程序,描述显示在字段下方)。

这是一个堆栈闪电战: https ://stackblitz.com/edit/ngx-formly-wrapper-description-top

我尝试使用包装器,但遇到以下问题:

  • 要么我必须为每个字段声明我的自定义包装器(这有效但对我来说看起来很麻烦)
  • 或者,如果我不声明该字段的包装器,则使用我的自定义包装器(在模块中配置)和默认包装器,这会使显示加倍

我想找到最优雅的解决方案来为每个字段使用包装器(理想情况下不仅是输入,还包括选择、收音机等)。

任何人都可以帮忙吗?

谢谢!

0 投票
1 回答
620 浏览

javascript - 在导入 FormlyModule 并注册默认类型的动态模块中传递自定义类型

我正在使用导入 FormlyModule ( https://github.com/ngx-formly/ngx-formly ) 的动态表单模块,并定义了一些在导入此动态模块时将注册的默认类型/组件。我需要的是在导入此动态模块时可以选择在动态模块之外传递自定义类型(不仅仅是配置文件中定义的类型动态模块)。

模块结构

在此处输入图像描述

动态模块

动态形式-config.model.ts

自定义输入字段

用法

正如我们现在使用的那样,只有在 config 中定义的类型才会被 formly 注册。我希望在需要时可以选择传递其他类型,例如:

用这种方法有可能以某种方式定义静态 forRoute/forChild 方法并在 FormlyModule 中注册这些类型?

0 投票
1 回答
1247 浏览

angular - 获取formGroup中的表单id

我正式使用 ngx 来构建表单。我需要的是在我拥有的一些自定义类型中访问表单 ID。基本上我需要访问formGroup 中的表单ID。

HTML

.ts

输入类型组件

0 投票
1 回答
374 浏览

javascript - 是否可以选择不正式使用主题?

我想使用 tailwind 来做我所有的样式,并且不想在我的代码中添加额外的库。

这是我想出的一个简单示例:

https://stackblitz.com/edit/angular-ivy-uxrxrc?file=src%2Fapp%2Fformly-component%2Fformly-component.ts

我所做的:
创建了一个简单的组件,里面有一个基本的输入字段。Angular 似乎编译得很好,但 formly 似乎没有显示任何字段。它与Error: [Formly Error] There is no type by the name of "input".

我似乎也无法在没有主题的文档中找到任何示例。

0 投票
1 回答
411 浏览

angular - 如何创建自定义全局模块

我想让模块在那里我声明和更新所有 ngx-formly 的东西,以将此模块作为全局模块导入另一个模块。但是我在组件中有错误,这些组件是 ngx-formly 组件。

formly.module.ts

核心模块.ts

错误