JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<div ng-app="testapp" ng-controller="testctrl">    
    <input type="file" ng-model="data.aircraftList" name="aircraftList" test-uploader multiple>
    <ul>
        <li ng-repeat="ac in data.aircraftList">{{ ac.name }}</li>
    </ul>
    <button type="button" ng-click="data.aircraftList = []">Clear List</button>
</div>

JavaScript

var app = angular.module("testapp", []);

app.directive('testUploader', [function() {
    return {
        scope: {
            ngModel: '='
        },
        link: function(scope, el) {
            el.bind('change', function(event) {
                if (event.target.files && event.target.files.length > 0) {
                	angular.forEach(event.target.files, function (newFile) {
                    	scope.ngModel.push(newFile);
                    });
                    scope.$apply();
                }
            });
        }
    };
}]);

app.controller("testctrl", ['$scope', function($scope) {    
    $scope.data = {
        aircraftList: []
    };
}]);