FormQL Angular动态表单框架
FormQL 的动态表单能力,真的是在做 Angular 项目时一个挺省事的选择。它自带一个拖拽编辑器,样式配置也不麻烦,连不懂代码的产品同事都能搞点小活儿。
CSS 网格的表单布局,排版灵活。你想要两栏?三栏?用grid-template-columns
一改就好。结构清晰,改样式也方便,视觉也不会乱。
动态验证和字段逻辑做得还挺细。比如你选了“公司员工”,后面的“工号”才显示;或者某些字段变成只读。这些你用rules
配置下逻辑就能搞定,响应也快。
计算字段也能玩,像“总金额 = 单价 × 数量”这种,直接用表达式写上,值一变马上跟着更新。业务表单常见的需求,它都帮你兜住了。
Text-Mask 格式化字段用起来也蛮舒服,像货币、日期、电话号码那种格式限制,一加掩码,输入就规规矩矩。用户体验提升不少。
想自定义点啥也可以。你可以自己写Angular 组件
加进来,不限于它自带那几个控件。整个架子比较开放,不会卡脖子。
如果你是搞 Angular 的,正好在做后台表单页面,不妨试试FormQL 的 Stackblitz 演示,看看上手顺不顺手。想深挖的,直接去逛一下它的GitHub 仓库也行。
如果你对这类拖拽表单有兴趣,推荐你看看这篇智慧表单工具的,也挺有参考价值的。
嗯,如果你表单逻辑复杂,字段又多,FormQL 确实能帮你省不少事。就是文档读起来得耐心点,功能挺全的,但有些地方要多琢磨一下。
formql:FormQL-在Angular中构建动态表单的框架
预估大小:313个文件
styles.css
61B
.gitkeep
文件夹
browserslist
375B
app.component.css
文件夹
component-editor.component.html
5KB
formql-editor.component.html
9KB
styles.css
80B
.gitkeep
文件夹
browserslist
388B
app.component.css
文件夹
1.06MB
文件大小:
评论区