将 angularJS $index 传递给 onchange

Question

我的 angularJS 应用程序的 ng-repeat 中有一个输入文件。我需要将 $index 变量传递给 onchange 属性。我使用的是 onchange 而不是 ng-change，因为我需要上传的对象 (see this post)

在以下代码中，我得到“未捕获的 ReferenceError：$index 未定义”

Jade 代码示例：

div.input-group(ng-repeat='filename in filenames track by $index') 
    input(type='file', onchange="angular.element(this).scope().file_changed(this.files, **$index**)")

Answer 1

在onchange 属性中，范围只能通过angular.element(this).scope() 访问。这是您用来调用file_changed() 函数的方法，您应该使用相同的方法来访问$index 属性：

 <input type="file" onchange="angular.element(this).scope().file_changed(this.files, angular.element(this).scope().$index)" />

请注意，这会变得很长！一种解决方案是简单地将 DOM 元素传递给函数，并从中获取所有信息：

 <input type="file" onchange="angular.element(this).scope().file_changed(this)" />

$scope.file_changed = function (element) {
    var index = angular.element(element).scope().$index;
    var files = element.files;

    // …
};