Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc8.js"></script>
<div ng-controller="MyCtrl">
      <input type="file" file-change="setFile">
      {{theFile.name}}
      {{contents}}
</div>

JavaScript

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

function MyCtrl($scope, $window) {
    $scope.setFile = function(element) {
        $scope.$apply(function() {        
            $scope.theFile = element.files[0];
            $scope.readFile($scope.theFile)
        })
    };

    $scope.readFile = function(file) {
		  var r = new FileReader();
		  r.onload = function(e) { 
		    $scope.contents = e.target.result;
		    console.log(marked($scope.contents));
		    //Hit up the other functions after we have the file 
		  }
		  r.readAsText(file);	
	}
}

app.directive('fileChange', [
    function() {
        return {
            link: function(scope, element, attrs) {
                element[0].onchange = function() {
                              scope[attrs['fileChange']](element[0])
                              alert(scope.contents)
                }
            }
            
        }
    }
])