=========================
Quickly crate printable form templates with json objects;
related printing plugin: e-ngx-print;
API
Inputs
- createTemps(tempJson: any[], tempSetting?: TempSetting);
tempSetting:打印设置
tempJson: 打印数据的对象数组,
TempSetting = {
rowVal : any[]; 打印的对象的属性数组
formTitle ?: string; 报表标题,默认: 标题
rowTit ?: any[]; 表单打印属性名称,默认: 空
colums ?: number; 每行展示对象的个数,默认: 1
rowEmpty ?: boolean; 分类展示是否空行间隔
emptyContext ?: string; 打印对象数组为空提示信息,默认: 没有数据
}
Installation
$ npm install --save table-template@latest
Add the TempTabService
import { TempTabService} from 'table-template/build';
@NgModule({
providers: [
TempTabService
]
})
Use in Component
import { TempTabService } from "table-template/build";
...
this.formTemp = '
constructor(
private service: TempTabService,) {
};
let jsonObj = [
{"name":"Jin ni","title":"系统管理员","phone":"13900010001","mail":"system@163.com"},
{"name":"Dan","title":"系统管理员","phone":"13900010001","mail":"system@163.com"},
{"name":"Liming","title":"系统管理员","phone":"13900010001","mail":"system@163.com"},
{"name":"Lisi","title":"系统管理员","phone":"13900010001","mail":"system@163.com"},
{"name":"Han","title":"系统管理员","phone":"13900010001","mail":"system@163.com"},
{"name":"Bojue","title":"系统管理员","phone":"13900010001","mail":"system@163.com"}];
let formTemp = this.ser.createTemps(jsonObj, {
formTitle: '员工',
rowTit: ['姓名', '职位', '工号'],
rowVal: ['name', 'title', 'employeeId'],
colums: 2
}
);
e-ngx-print;
Use===================================