FormQL Angular动态表单框架

FormQL 的动态表单能力,真的是在做 Angular 项目时一个挺省事的选择。它自带一个拖拽编辑器,样式配置也不麻烦,连不懂代码的产品同事都能搞点小活儿。

CSS 网格的表单布局,排版灵活。你想要两栏?三栏?用grid-template-columns一改就好。结构清晰,改样式也方便,视觉也不会乱。

动态验证和字段逻辑做得还挺细。比如你选了“公司员工”,后面的“工号”才显示;或者某些字段变成只读。这些你用rules配置下逻辑就能搞定,响应也快。

计算字段也能玩,像“总金额 = 单价 × 数量”这种,直接用表达式写上,值一变马上跟着更新。业务表单常见的需求,它都帮你兜住了。

Text-Mask 格式化字段用起来也蛮舒服,像货币、日期、电话号码那种格式限制,一加掩码,输入就规规矩矩。用户体验提升不少。

想自定义点啥也可以。你可以自己写Angular 组件加进来,不限于它自带那几个控件。整个架子比较开放,不会卡脖子。

如果你是搞 Angular 的,正好在做后台表单页面,不妨试试FormQL 的 Stackblitz 演示,看看上手顺不顺手。想深挖的,直接去逛一下它的GitHub 仓库也行。

如果你对这类拖拽表单有兴趣,推荐你看看这篇智慧表单工具的,也挺有参考价值的。

嗯,如果你表单逻辑复杂,字段又多,FormQL 确实能帮你省不少事。就是文档读起来得耐心点,功能挺全的,但有些地方要多琢磨一下。

folder
formql:FormQL-在Angular中构建动态表单的框架 预估大小:313个文件
file
styles.css 61B
folder
.gitkeep 文件夹
file
browserslist 375B
folder
app.component.css 文件夹
file
component-editor.component.html 5KB
file
formql-editor.component.html 9KB
file
styles.css 80B
folder
.gitkeep 文件夹
file
browserslist 388B
folder
app.component.css 文件夹
file
styles.css 142B
folder
.gitkeep 文件夹
file
browserslist 388B
folder
app.component.css 文件夹
file
styles.css 975KB
file
tailwind.css 60B
folder
.gitkeep 文件夹
file
browserslist 388B
folder
app.component.css 文件夹
file
.gitignore 983B
zip 文件大小:1.06MB