javascript - 在 onchange 和输入类型中使用 ng-repeat 传递索引值

Question

我有这个 html

<div ng-repeat="i in [1,2,3,4,5]">
<input type="file" class="form-control" ng-hide="true"
 accept="image/*" image="vm.venueImageList[i].file"
 file-upload="vm.venueImageList[i].file"
  resize-max-height="720"
  resize-max-width="1024"
   resize-quality="0.96"
   resize-type="image/jpg"
   onchange="angular.element(this).scope().vm.preUpload($index);"
   ng-image-compress/>
</div>

我想传递 $index 值，但它说 $index 未定义。有人可以帮我如何将 $index 传递给 angularjs 功能。

这是功能

preUpload:function(index){
            vm.hideLoader[index].value=true;
            setTimeout(function () {
                if(vm.venueImageList[index].file.compressed.dataURL){
                    vm.venueImageList[index].url=vm.venueImageList[index].file.compressed.dataURL;
                    vm.venueImageList[index].file=vm.convertBaseToImage(vm.venueImageList[index].url);
                    vm.uploadFile(index);
                }

            },4000);

        },

Answer 1

将其评估为父作用域上的 AngularJS 表达式：

<div ng-repeat="i in [1,2,3,4,5]">
    <input type="file" class="form-control" ng-hide="true"
       accept="image/*" image="vm.venueImageList[i].file"
       file-upload="vm.venueImageList[i].file"
       resize-max-height="720"
       resize-max-width="1024"
       resize-quality="0.96"
       resize-type="image/jpg"
       ̶o̶n̶c̶h̶a̶n̶g̶e̶=̶"̶a̶n̶g̶u̶l̶a̶r̶.̶e̶l̶e̶m̶e̶n̶t̶(̶t̶h̶i̶s̶)̶.̶s̶c̶o̶p̶e̶(̶)̶.̶v̶m̶.̶p̶r̶e̶U̶p̶l̶o̶a̶d̶(̶$̶i̶n̶d̶e̶x̶)̶;̶"̶ 
       onchange="angular.element(this).scope().$parent.$eval('vm.preUpload($index)');"
       ng-image-compress
    />
</div>

该ng-image-compress指令使用隔离范围。该vm对象未传递到该隔离范围。