custome-form-zk
v0.0.3
Published
## 安装 ``` $ npm install custome-form-zk@latest ``` > ### 其他依赖包 > Ant Design of [email protected] ``` [antd-zorro](https://ng.ant.design/version/8.5.x/docs/getting-started/zh) ```
Downloads
12
Readme
CustomeFormZk
安装
$ npm install custome-form-zk@latest
其他依赖包
Ant Design of [email protected]
[antd-zorro](https://ng.ant.design/version/8.5.x/docs/getting-started/zh)
配置
- arngular.json
"styles": [
...,
"node_modules/custome-form-zk/assets/css/element-ui/element-ui.css"
],
"scripts": [
...,
"node_modules/custome-form-zk/assets/js/vue.min.js",
"node_modules/custome-form-zk/assets/js/element-ui/element.js",
"node_modules/custome-form-zk/assets/js/element-ui/form-create-element.min.js",
"node_modules/custome-form-zk/assets/js/vue-custom-element.js",
"node_modules/custome-form-zk/assets/js/form-designer/form-designer.min.js"
]
- declare.d.ts
declare var formCreate;
declare var FcDesigner;
declare var Vue;
- app.module.ts
import { CustomeFormZkService,CustomeFormZkModule } from 'custome-form-zk';
@NgModule({
...
imports: [
...,
CustomeFormZkModule
],
providers: [
...,
CustomeFormZkService
]
})
- app.component.ts
import { CustomeFormZkService } from 'custome-form-zk';
constructor(public customeForm:CustomeFormZkService){}
ngOnInit(): void {
this.customeForm.install();
}
组件
<!-- 表单列表tbale -->
<zk-form-configur [baseUrl]="baseUrl"></zk-form-configur>
<!-- 表单设计器 -->
<zk-designer [baseUrl]="baseUrl" [formId]="formId"></zk-designer>