Javascript 在angularjs中上载多个图像时删除所选图像

在多图像上传中，如果我在angularjs中单击该图像，如何删除特定图像。我已上载多个图像，并且每个上载的图像都有文本框。如果我单击图像删除图标，它将删除带有该文本框的图像。我的查看代码如下所示

  <input type="file" multiple file-upload /> {{files.length}}
  <div ng-repeat="step in files">
    <img ng-src="{{step.src}}" />
    <input type="text" ng-model="comment[$index]"><br>
    <input type="button" onclick="removeImage($index)" value="delete">
  </div>

{{files.length}

在我的角度控制器中，代码如下所示

app.directive('fileUpload', function() {
  return {
    scope: true, //create a new scope
    link: function(scope, el, attrs) {
      el.bind('change', function(event) {
        var files = event.target.files;
        //iterate files since 'multiple' may be specified on the element
        for (var i = 0; i < files.length; i++) {
          //emit event upward
          scope.$emit("fileSelected", {
            file: files[i]
          });
        }
      });
    }
  };
});
  $scope.files = [];
  $scope.$on("fileSelected", function(event, args) {
    var item = args;
    $scope.files.push(item);
    var reader = new FileReader();

    reader.addEventListener("load", function() {
      $scope.$apply(function() {
        item.src = reader.result;
      });
    }, false);

    if (item.file) {
      reader.readAsDataURL(item.file);
    }
  });

app.directive（'fileUpload'，function（）{
返回{
scope:true，//创建一个新的作用域
链接：功能（范围、el、属性）{
el.bind（‘变更’、功能（事件）{
var files=event.target.files；
//迭代文件，因为可以在元素上指定“多个”
对于（var i=0；i

而不是onclick使用

ng单击

并使用javascript

splice

函数从数组中删除项

<input type="button" ng-click="removeImage($index)" value="delete">

$scope.removeImage = function(index){
   $scope.files.splice(index,1)
}

$scope.removeImage=函数（索引）{
$scope.files.splice（索引，1）
}
谢谢你，如果你不介意的话，你能考虑下面的问题吗？