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