You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.1 KiB
70 lines
2.1 KiB
import { Component, Renderer2, OnDestroy, AfterViewInit,ElementRef, OnInit,ViewChild } from '@angular/core'; |
|
import { CustomReuseStrategy } from 'src/app/CustomReuseStrategy'; |
|
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; |
|
import { asBlob } from 'html-docx-js-typescript' |
|
// 要保存这个docx文件推荐引入file-saver哦，你可以用npm i -D file-saver来安装 |
|
import { saveAs } from 'file-saver' |
|
@Component({ |
|
selector: 'app-unit-details', |
|
templateUrl: './unit-details.component.html', |
|
styleUrls: ['./unit-details.component.scss'] |
|
}) |
|
|
|
export class UnitDetailsComponent implements OnInit { |
|
@ViewChild('box') box: ElementRef; |
|
constructor(private fb: FormBuilder,private renderer: Renderer2,private el: ElementRef) { |
|
this.validateForm = this.fb.group({ |
|
userName: [''], |
|
email: [''], |
|
password: [''], |
|
confirm: [''], |
|
comment: [''] |
|
}); |
|
} |
|
aaa="山东小满园" |
|
validateForm!: FormGroup; |
|
ngOnInit(): void { |
|
} |
|
submitForm(value: { userName: string; email: string; password: string; confirm: string; comment: string }): void { |
|
for (const key in this.validateForm.controls) { |
|
this.validateForm.controls[key].markAsDirty(); |
|
this.validateForm.controls[key].updateValueAndValidity(); |
|
} |
|
console.log(value); |
|
} |
|
resetForm(e: MouseEvent): void { |
|
e.preventDefault(); |
|
this.validateForm.reset(); |
|
for (const key in this.validateForm.controls) { |
|
this.validateForm.controls[key].markAsPristine(); |
|
this.validateForm.controls[key].updateValueAndValidity(); |
|
} |
|
} |
|
validateConfirmPassword(): void { |
|
setTimeout(() => this.validateForm.controls.confirm.updateValueAndValidity()); |
|
} |
|
|
|
exportClick() { |
|
console.log(this.box); |
|
// return |
|
const htmlString = `<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>Document</title> |
|
</head> |
|
<body> |
|
`+this.box.nativeElement.innerHTML+` |
|
</body> |
|
</html>` |
|
const fileData = asBlob(htmlString).then((data:any) => { |
|
saveAs(data, 'file.docx') // 保存为docx文件 |
|
}) |
|
|
|
} |
|
|
|
back() { |
|
window.history.back() |
|
} |
|
|
|
}
|
|
|