PrimeNG - 通过单击按钮发送表单数据和文件上传数据

PrimeNG是一个强大的开源UI组件库，它为开发人员提供了丰富的UI组件和功能。在本文中，我们将探讨如何使用PrimeNG的按钮组件来发送表单数据和文件上传数据。

npm install primeng --save

typescript
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ButtonModule } from 'primeng/button';
import { FileUploadModule } from 'primeng/fileupload';
@NgModule({
  imports: [
    // other imports
    BrowserAnimationsModule,
    ButtonModule,
    FileUploadModule
  ],
  // other configurations
})
export class AppModule { }

html
  
    姓名：
    
  
  
    邮箱：
    
  
  

typescript
export class MyComponent {
  formData: any = {};
  submitForm() {
    // 处理表单提交逻辑
    console.log(this.formData);
  }
}

html

typescript
export class MyComponent {
  handleUpload(event: any) {
    // 处理文件上传逻辑
    console.log(event.files);
  }
}