如何使用按钮样式在离子2+中创建自定义文件输入？

<button ion-button (click)="selectFile()">选择文件</button>

import { Component } from '@angular/core';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor() {}

  selectFile() {
    // 处理文件选择逻辑
  }

}

selectFile() {
  let fileInput = document.getElementById('fileInput');
  fileInput.click();
}

<input type="file" id="fileInput" style="display: none;">

selectFile() {
  let fileInput = document.getElementById('fileInput') as HTMLInputElement;
  fileInput.onchange = (event) => {
    let selectedFile = event.target.files[0];
    console.log('Selected file:', selectedFile);
    // 处理所选文件
  };
  fileInput.click();
}