JSFiddle - React, Tailwind, and code Playground

by Alan Doe

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/danialfarid-angular-file-upload/5.0.9/ng-file-upload-shim.min.js"></script>
<div ng-app="myApp" class="content" ng-controller="up">
    <div class="drop" ngf-select ngf-multiple="true" ngf-change='upfiles($files)'></div>
    <button ng-click="upload">upload</button>
</div>

CSS

.content
{
    width:500px;
    height:500px;
    
}

.drop
{
    width:100px;
    height:100px;
    background:cyan;
    
}

JavaScript

var mod = angular.module('myApp', []);

mod.controller('up', function($scope){

    $scope.files = [];
    
    $scope.upfiles = function(content)
    {
        if(content && content.length)
        {
            for(c =0 ; c< content.length; c++)
            {
                content[c].newPath = "hello world";
                $scope.files.push(content[c]);
                alert(JSON.stringify(scope.files[c]));
            }
        }
    }
    
    
    $scope.upload = function()
    {
         alert('h');
    };
    
    alert('h');
});