Question

我正在做一个上传图片应用程序。在上传过程中，它会显示一个加载gif。我在页面中有一些图像，用户将按该图片上传他们的图像。现在，我使用ng-repeat在页面加载时显示所有图像。

下面是我在玉中的html：

                .panel-body 
                form.form-horizontal
                    .form-group(ng-repeat="runningText in runningTexts")
                        .col-md-3
                            label.control-label Image {{$index+1}}
                            .image-upload-area.label-centerleft
                                p(onclick="$('#imageFile').click()" ng-click="setNum($index)") Click me to change
                                img.loading(ng-show="isUploading[$index]" src="/img/loading.gif")    
                                img.img-responsive.clickable(ng-src="{{runningText.image != '' ? '/img/' + runningText.image : '/img/logo_d.png'}}")

                form#imageUpload(enctype="multipart/form-data" action="/api/admin/display/image" ng-upload="uploadDone(content)" method="post")
                    input#imageFile(type="file" name="image" onChange="$('#imageSubmit').click();return false;" style="display:none")
                    input#imageSubmit(type="submit" ng-click="isUploading[$index] = true"  style="display:none")

我创建了一个isUploading数组，作为一个标志来显示上传的gif。

以下是js：

    $scope.uploadDone = function(data) {
    $scope.runningTexts[imgNum].image = data.path;
    $scope.isUploading[imgNum] = false;
};

    $scope.setNum = function(index){
    imgNum = index;
}

img.loading将$ index值传递给表单输入的ng-click，以便将isUploading设置为true。因此，当上传完成后，标志将在js中设置为false，并且上传的gif将隐藏。

现在看起来好像使用我上面的jade编码，$ index无法传递给＆＃34; ng-click =＆＃39; isUploading [$ index] = true＆＃39;＆＃34;来自＆＃34; img.loading＆＃34;，没有显示上传的gif。

任何人都知道我编码的错误是什么？

将$ index传递给jade中的提交表单

0 个答案: