问题标签 [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.
angular - Angular 正式 5.10.3 更改时的自定义切换事件
我有一个正式的工作自定义模板,在两个文本之间有一个离子切换。我怎样才能捕捉到变化事件?这是一个简化的代码示例:
定制形式的想法:
输入添加到表单:
我尝试使用 onChange 并更改事件而没有工作。我认为这可能是一个没有值本身的问题,但我不知道如何将它添加到我的自定义切换中。也许任何一种方法来获得像 to.checked 改变这样的属性都可以。任何的想法?
angular - 如何以角度形式从后端放置选择(下拉)元素
我是角度形式的新手。我的要求是将城市(来自后端)放在下拉列表中,但我已经尝试过,但我无法做到这一点。
.service.ts
从上面的 API 我必须获取下拉元素并将其放在选择下拉列表中,例如
.ts
谁能帮我解决这个问题
angular - 如何使用日历正式创建自定义验证
我实现了一个日历,创建了一个自定义模板,但我不知道如何创建验证器和消息。我看到很多有输入的例子,但不是 elemente 没有输入。
app.modules.ts
calendario.html
calendario.ts
app.component.ts
日期不显示错误且为空且不改变颜色,我不知道我必须做什么。对不起我糟糕的英语。
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.ts
并createGenericTestComponent
在此处声明:
https ://github.com/ngx-formly/ngx-formly/blob/fee312de5b8a2bd18d069129b0af778497c5159f/src/core/src/lib/test-utils.ts
但那些事情似乎并没有暴露出来。有没有办法让我使用它们进行测试?有没有办法按照这种模式编写测试,还是我的方法完全错误?
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
但没有任何结果,错误继续显示。
angular - 带有模式的正式电子邮件自定义验证不起作用
我想在 ngx-formly 中验证输入(电子邮件)。尝试使用下面的代码,但它确实有效
app.module.ts
app.component.ts
angular - 如何为 Angular 包含 ngx-formly 的时区?
我目前在我的库中创建,名为lib- datepicker ,这是一个使用ngx-formly 作为 datepicker的组件
然后我有一个名为Survey的应用程序,它使用lib-datepicker,它有两个名为BeginDate和EndDate的日期。
EndDate有一个minDate ,它使用BeginDate,如下所示:
BeginDate是一个普通的日期选择器,如下所示:
我目前在为我的EndDate获取minDate的BeginDate时遇到问题,目前显示的时间少了一天。
如果我的BeginDate是“01-10-2020”,我的EndDate是“01-09-2020”,这将接受该表格为有效并让我提交日期。
我被告知时区会影响此设置的 minDate 。
如何包含两者的时区,以便它们具有相同的时区?