AngularJs FTP несколько файлов

Question

Я пытаюсь загрузить несколько файлов с помощью угловых JS, но значения не получают хранятся в модели файлового хранилища

Htmlcode:

<div ng-app="myApp"> 
    <div ng-repeat="file in filelist"> 
      <label>{{file.name}} </label> 
      <input type="file" ng-model="filestore[$index]" /> 
    </div> 
</div> 

<div> 
    <input type="button" value="submit" ng-click="savefiles(filestore)"/> 
</div> 

ЯШ:

myApp.controller('uploadCtrl', function ($scope,$http) { 

//list of file names 
$scope.filelist = ["file1", "file2", "file3"]; 

//save file list 
$scope.savefilelist = function(filestore) { 
    $http({ 
     method: 'POST', 
     url: '/api/SaveFiles', 
     data: filestore 
    }); 
}; 

})

Answer 1

http://plnkr.co/edit/7b0G59z0ExglBane87um?p=preview

Вот пример того, как вы могли бы это сделать по специальной директиве.

app.directive("fileBind", function() { 
    return function(scope, elm, attrs) { 
    elm.bind("change", function(evt) { 
     scope.$apply(function() { 
     scope[ attrs.fileBind ] = evt.target.files; 
     }); 
    }); 
    }; 
}); 

Если вам нужно использовать ng-repeat, вот альтернативное решение.

http://plnkr.co/edit/aJAmbo?p=preview

1. использование объекта при использовании связывания в пределах нг-повтора цикла.
2. использовать привязку в директиве, чтобы можно было легко реализовать сложную ссылку.