title: Add extra methods to directive form
body: <p>I have a custom form in Angular:</p>
  
  <pre><code>&lt;form rp-form&gt;
    &lt;input type="text" value="one"&gt;
    &lt;input type="text" value="two"&gt;
    &lt;button type="submit"&gt;submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I want to add, using the angular directive, a method to handle the submission of the form and also the validity of the input fields:</p>
  
  <pre><code>angular.module('app', [])
      .directive('rpForm', function($compile) {
          return {
              scope: true,
              compile: function(tElement, tAttrs) {
                  tElement
                      .attr({
                          name: 'testForm',
                          'ng-submit': 'mySubmit($element)'
                      })
                   return {
                       post: function(scope, element) {
                          // $compile(element[0])(scope); //causes infinite loop
                          console.log(scope);
                       }
                   };
              },
              controller: function($scope) {
                  $scope.mySubmit = function(e) {
                      console.log('my submit fired');
                  };
             }
      };
  });
  </code></pre>
  
  <p>I would like to be able to use the "mySubmit" method in the postLink function and also to be able to see in the scope the form directive object "testForm". Is this possible using angular?</p>
  
  <p><strong><a href="http://plnkr.co/edit/IxYPHRscfe1CnHocVx3X" rel="nofollow">Plunker</a></strong></p>