`

angular的表单设计器 angular-form-builder

 
阅读更多
源码提供
https://github.com/kelp404/angular-form-builder

本人做了点小修改,并且将源码分出来便于阅读和修改。需要使用构建工具
http://wzalong.iteye.com/admin/blogs/2307554
安装成功之后,构建一个空的项目,然后将本源码复制进去,运行服务器fj serve

本案例使用与审批流中的动态表单或者是自定义可扩展表单


  • app.zip (28.4 KB)
  • 下载次数: 9
  • 大小: 42.3 KB
分享到:
评论

相关推荐

    angular-material-form-builder, 具有材质设计的窗体生成器.zip

    angular-material-form-builder, 具有材质设计的窗体生成器 Angular 材质窗体生成器 !添加对 Angular 1.6.9的支持这个 MODULE 使你能够轻松构建表单,就像你在Google窗体中那样。MODULE 有两个指令,一个用于创建...

    Angular-ngx-form-builder.zip

    Angular-ngx-form-builder.zip,基于角度动态模板支持ng zorro-antd/bootstrap-uingx表单生成器的角度表单生成,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。...

    PHP表单生成器,快速生成现代化的form表单

    在“form-builder-master”这个压缩包文件中,可能包含了源代码、示例文件、文档和测试用例。源代码通常会分为前端和后端两部分,前端部分处理表单的展示和用户交互,而后端部分则处理表单数据的接收、验证和存储。...

    angular-material-form-b​​uilder:具有Material设计的表单生成器

    角材料表单生成器! 添加对角度1.8.2的支持该模块使您可以轻松地构建表单,就像在Google表单中一样。 该模块有两个指令,一个指令创建表单,第二个指令预览表单:演示运行npm run serve-demo 然后按照说明进行操作...

    angular form 表单例子

    本文将深入探讨如何使用`FormBuilder`服务在Angular 4中创建动态表单。 Angular 4是Angular的一个版本,它引入了许多改进和优化,使得构建高效、可维护的Web应用变得更加容易。`FormBuilder`是Angular的`...

    ngx-dynamic-form-builder:FormBuilder +类转换器+类验证器= Angular10 +的动态表单组构建器

    npm i --save class-transformer class-validator-multi-lang ngx-dynamic-form-builder 链接 -带有ngx-dynamic-form-b​​uilder的演示应用程序。 在上简单地使用示例 用法 公司 import { Validate , IsNotEmptym ...

    angular-schema-form-builder:用于构建 angular-schema-form 定义的用户界面

    角度模式表单构建器 用于为 angular-schema-form 构建定义的用户界面。 这个 repo 是对的回应。 目前,它实际上只是一个公共设计文档,以促进 Schema-Form 用户社区的协作。...自定义builder-schema-k

    angular-form-builder:拖放以在AngularJS中构建引导表单

    这是用编写的AngularJS表单生成器。 构架 1.2.32 3.3.1 $建设者 # just $builder angular . module ' yourApp ' , [ ' builder ' ] # include $builder and default components angular . module ' yourApp ' , ...

    js-form-builder:Javascript表单构建器

    在`js-form-builder-master`压缩包中,可能包含以下文件和目录: - `src`: 源代码文件,包括JavaScript、CSS和HTML模板。 - `dist`: 构建后的文件,可以直接在项目中引用。 - `docs`: 文档和示例。 - `package.json...

    AngularDynamicForms使用动态组件在Angular中可配置的活动表单

    `FormBuilder`是Angular表单模块的一部分,用于方便地创建`FormGroup`和`FormControl`对象,而`ComponentFactoryResolver`则是Angular的核心服务,用于在运行时创建和插入组件实例。 首先,我们需要创建一个`Form...

    Angular 4.x 动态创建表单实例

    同时,我们利用`FormBuilder`服务来创建`FormGroup`,这个`FormGroup`会根据`config`中的数据动态生成表单控件。 `DynamicFormComponent`的`createGroup()`方法是关键,它遍历`config`数组,为每一条配置创建一个`...

    ngseed-form-builder:selmanh 出色的表单构建器的 Angular Seed 版本

    奇妙的表单构建器的 Angular Seed 版本(有关他的指令的更多信息可以在他的页面上找到) 依赖关系 (确保在包含 ngform-b​​uilder 之前已包含这些脚本) 分明的 - 用于引导程序的 angularjs 指令 - 只是引导 ...

    json-schema-form:Angular JSON模式表单库

    轻量级Angular JSON Schema Form组件 目标 以完全声明的方式实现具有灵活样式和验证功能的任何Web表单 现场演示: : Stackblitz: ://stackblitz.com/edit/dashjoin 特征 支持JSON Schema Draft 6 可以从URL加载...

    Angular4 表单demo

    响应式表单使用`FormBuilder`服务来创建`FormGroup`,并定义每个表单字段的验证规则。 3. **表单验证** 在Angular4中,表单验证可以通过`Validators`类提供的方法实现,例如`required`、`maxLength`、`email`等。...

    ng2-form-builder:Angular 2React性表单的装饰器实现

    NG2 Form-Builder 该库提供了一种更快,更清洁的方式,通过打字稿装饰器使用Angular 2 Reactive Forms。设置在您的@NgModule导入FormBuilderModule ,您可以执行以下操作: @ NgModule ( { imports : [ ...

    dynamic-form-builder

    - dynamic-form-builder项目的源码分析:通过阅读`dynamic-form-builder-master`中的代码,了解其实现细节和设计思路。 综上所述,"dynamic-form-builder" 是一个利用TypeScript的强类型特性和面向对象能力来构建...

    jangular-form-builder-and-validator:使用 Angular Js 的动态表单构建器和验证器

    Angular JS 动态表单创建器和验证器 它可以帮助您使用简单的配置为每个字段创建动态表单并附加验证。 示例配置将创建两个必填字段 title 和 description。 var formConfig = { header: "Create Validator Form", ...

    ntipa-form-builder

    这是一个用 javascript 编写的 AngularJS 表单构建器。 ##构架 1.2.20 2.1.0 ##$建造者 只是 $builder angular.module 'yourApp', ['builder'] 包括 $builder 和默认组件 angular.module 'yourApp', ['...

    angular4中关于表单的校验示例

    在上面的代码中,我们使用了 FormGroup 和 FormBuilder 来创建了一个响应式表单。我们还使用了 Validators 来设置验证规则,例如 required、minLength 和 maxLength。 在模板中,我们使用 formGroup 指令来绑定响应...

Global site tag (gtag.js) - Google Analytics