在ng-repeat中使用預覽輸入綁定的角度文件上傳

Question

我正在使用ng-repeat進行基於角度1.6的圖像上傳，注意輸入不是多個，但有多個ng重複的輸入，我有圖像預覽工作，以及添加行/刪除行，似乎不工作的唯一的事情是，如果我刪除一個項目的文件輸入不更新（我有代碼，確實更新預覽）。以下是我與合作：

<div ng-repeat="item in data.items track by $index"> 
    <input ng-model="item.fileinput" type="file" name="image_{{$index}}" id="image_{{$index}}" onchange="angular.element(this).scope().imageChoose(this)"/><i ng-click="removeEvent($index)" class="fa fa-trash fa-lg"></i> 
    <img ng-if="!item.thumb" class="preview-image-small" ng-src="/images/general/placeholder.jpg"</img> 
    <img ng-if="item.thumb" class="preview-image-small" ng-src="{{item.thumb}}"</img> 
</div> 

然後在我控制我處理imageChoose如下：

$scope.imageChoose = function (data) { 
var id = data.id.split("_"); 
id = id[id.length-1]; 
var elem = document.getElementById(data.id); 
if (typeof (FileReader) != "undefined") { 
    var reader = new FileReader(); 
    reader.onload = function (e) { 
    $scope.$apply(function() { 
     $scope.data.data.items[id].thumb = e.target.result; 
    }); 
    }; 
    reader.readAsDataURL(elem.files[0]); 
} else { 
    alert("This browser does not support FileReader."); 
} 
}; 

這正確地設置圖像預覽和當我運行他們再行一個刪除順序由於event.thumb的ng-src而正確。問題是實際的文件輸入不綁定或更新，這裏是去除一行代碼：

$scope.removeEvent = function (index) { 
$scope.data.items.splice(index, 1); 
}; 

我希望有綁定的輸入或處理刪除，這樣一個相對簡單的方式輸入保持正確。提前感謝任何想法。

Answer 1

由於使用track by $index以及ng-repeat，您的removeEvent方法不起作用。 This is a known side effect。嘗試刪除/使用different track by expressions。