title: Angular Form Not Submitting in Ng-repeat
body: <p>Hello i have a form inside a table row within an ng-repeat, inside that form i have a number field and a button(custom directive named "action") now when that button is clicked i want the form to do validation before submitting but when i try nothing happens i get no errors.</p>
  
  <pre><code>&lt;table class="table schedules"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th style="text-align:center;" &gt;&amp;nbsp;Ticket Type&lt;/th&gt;
          &lt;th style="text-align:center;" &gt;&amp;nbsp;Ticket Price (GHS)&lt;/th&gt;
          &lt;th style="text-align:center;" &gt;&amp;nbsp;How many?&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
      @if (count($ticketTypes) &lt;= 0))
      &lt;tr ng-hide="d.ticketTypes.length &gt; 0"&gt;
          &lt;td style="text-align:center;" colspan="5"&gt;
              &lt;h4 style=""&gt;There are no tickets available.&lt;/h4&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      @endif
      &lt;tr ng-repeat="type in d.ticketTypes"&gt;
          &lt;form name="ticketForm" ng-submit="ticketForm.$valid &amp;&amp; addToCart('event', d, type.id, $index)" novalidate&gt;
              &lt;td style="text-align:center;" &gt;&lt;b&gt;&lt;% type.fee_cat_desc %&gt;&lt;/b&gt;&lt;/td&gt;
              &lt;td style="text-align:center;" &gt;&lt;b&gt;&lt;% type.event_fee | currency : '₵'  %&gt;&lt;/b&gt;&lt;/td&gt;
              &lt;td style="text-align:center;" &gt;&lt;b&gt;&lt;input type="number" ng-model="line.d.ticket_no" class="form-control" min="1" max="30" style="width:80px !important;" ng-required/&gt;&lt;/b&gt;&lt;/td&gt;
              &lt;td&gt;
                  &lt;action text='Buy Ticket' state='&lt;% state %&gt;' index='&lt;% $index %&gt;' selected='&lt;% selectedIndex %&gt;'&gt;&lt;/action&gt;
              &lt;/td&gt;
          &lt;/form&gt;
      &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>This is my action directive:</p>
  
  <p>html:</p>
  
  <pre><code>&lt;button type="submit" ng-class="{ 'btn-set': isReady === true || isWorking === true || isComplete === true || hasFailed === true, 'btn-ready-state': isReady === true || selected != index, 'btn-working-state': isWorking === true &amp;&amp; selected == index, 'btn-failed-state': hasFailed === true }" ng-cloak&gt;
      &lt;i ng-if="isReady === true || selected != index" class="fa fa-shopping-cart"&gt;&lt;/i&gt;
      &lt;img ng-src="/images/loading - small.png" class="img" ng-show="isWorking &amp;&amp; selected == index "&gt;&lt;/span&gt;
      &lt;i ng-if="isComplete &amp;&amp; selected == index " class="fa fa-check"&gt;&lt;/i&gt;
      &lt;span class="text"&gt;
          &lt;span ng-if="isReady === true || selected != index"&gt;&lt;% text %&gt;&lt;/span&gt;
      &lt;/span&gt;
  &lt;/button&gt;
  </code></pre>