AngularJS PrimeNG 上传文件 进度条

1.思路：

使用p-progressBar，创建一个新画面，浮在p-fileUpload组件所在页面上方。当文件上传进度达到100%时，隐藏该新页面。

2.父页面代码实现：

1. 使用AngularJS命令生成新的component：ng g c xxxx。如果项目有特别设置，修改xxx.module.ts文件。
2. 在父组件中挂载子页面。
   其中，progressbarValue是p-fileUpload组件的onProgress($event)中的event.progress传过来的0-100的整型。
   html

      <p-fileUpload chooseLabel="xxx" mode="basic" accept=".xxx" maxFileSize="1000000"
        (onSelect)="onSelect($event)" auto="false" (onProgress)="onProgress($event)"></p-fileUpload>
        ...
        ...
<xxx-progressbar #progressBar [progressbarValue]="progressbarValue"></xxx-progressbar>

ts代码中，通过viewChild，调用子页面的public方法，写入title和label，如开头的图片所示。
因为项目中该页面上传文件基本都是秒传，所以加了延迟关闭。

export