避免角度ng重复显示所有行中的进度条

Question

我正在尝试根据特定行的按钮单击上载文档。我正在显示正在上传的文件的进度。我面临的问题是，由于使用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+'%'}")

Answer 1

之所以发生这种情况是因为progressVisible是所有这些变量的公共变量，您需要的是仅针对单次迭代的特定变量

即

ng-show="row.progressVisible"

或

ng-show="progressVisible[$index]"

并在上传的函数中相应地设置值