JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
  <div ng-controller="ctrl">
    <form name="someForm" ng-submit="submit()">
      <input name="name" type="text" />
      <br />
      <input name="file" type="file" />
      <br/>
      <form-reset form-name="someForm">
      </form-reset>
      <button type="submit">
        Submit
      </button>
    </form>
  </div>
</div>

JavaScript

angular.module('app', [])
  .controller('ctrl', function($scope) {
    $scope.clear = function() {
      $scope.someForm.$setPristine();
    }

    $scope.submit = function() {
      console.log('submitting...');
    }
  })
  .directive('formReset', function() {
    return {
      replace: true,
      restrict: 'E',
      scope: {
        formName: '@'
      },
      link: function(scope, iElement) {
        iElement.on('click', function() {
          var form = document.querySelector('[name="' + scope.formName + '"]');
          form.reset();
        });

      },
      template: '<button type="button">Reset</button>'
    }
  })