Angularjs 避免重复在所有行中显示进度条

Angularjs 避免重复在所有行中显示进度条,angularjs,pug,Angularjs,Pug,我试图上传文件的基础上,为一个特定的行按钮点击。我正在显示正在上载的文件的进度。我面临的问题是,由于按钮是使用ng repeat显示的,所以所有行现在都显示了进度。有没有办法只让我点击按钮的那一行显示进度 tr(ng-repeat='row in displayedCollection') td {{ row.branchName}} td {{ row.email}}

我试图上传文件的基础上,为一个特定的行按钮点击。我正在显示正在上载的文件的进度。我面临的问题是,由于按钮是使用ng repeat显示的,所以所有行现在都显示了进度。有没有办法只让我点击按钮的那一行显示进度

 tr(ng-repeat='row in displayedCollection')
                        td {{ row.branchName}}
                        td {{ row.email}}
                        td {{ row.belongsTo.companyName }}
                        td
                            button.btn.btn-primary(ngf-select ngf-change="uploadDocuments($files,row._id)" ngf-accept="'image/*,.pdf,.doc,.docx'",multiple) Upload Documents
                                div(ng-show='progressVisible')
                                    .percent {{percentage}}%
                                    .progress-bar
                                        .uploaded(ng-style="{'width': percentage+'%'}")

之所以发生这种情况,是因为
progressVisible
是它们所有人的共同变量,而您需要的只是单个迭代的特定变量

即 或 并在上载的函数中相应地设置值

ng-show="row.progressVisible"
ng-show="progressVisible[$index]"