Angularjs 带typeahead的角度表单在plunker/standalone上工作，但不在生产代码中工作

我在表中使用一个表单，这样我就可以在行中提交一些数据。在我的生产/开发环境中，表单如下所示。（我使用route provider来分配控制器）最初一切正常，但按enter键时无法提交表单

HTML

 <table>
     <tr>
         <form novalidate ng-submit="addResult(selectedFencer)">
         <td>
            <input type="search" ng-model="selectedFencer" typeahead="fencer for fencer in fencers"  placeholder="Type the fencers name" />
         </td>
         <td>
            <input type="submit" value="Submit"  class="button" />
         </td>
         </form>
     </tr>
 </table>

但是，如果我将相同的代码放入plunker/standalone html文件中，当按下enter键时，它与所提交的表单一样工作

我最初认为我的问题与代码错误有关，但如果我在生产代码中将表单移到表外，它将按预期工作

<form novalidate ng-submit="addResult(selectedFencer)">
<table>
         <tr>

             <td>
                <input type="search" ng-model="selectedFencer" typeahead="fencer for fencer in fencers"  placeholder="Type the fencers name" />
             </td>
             <td>
                <input type="submit" value="Submit"  class="button" />
             </td>

         </tr>
     </table>
 </form>

---

有人对我如何解决这个问题或调试它的方向有什么建议吗？

在

表中不允许使用
表单
@NewDev没有解释为什么它在我的Plunker中工作，或者如果我将Plunker代码复制到本地html文件中。你有没有想过为什么会这样？你会缩小你的制作文件吗？@Scott，我不知道。。。但是违背规范肯定会导致一些意外的行为。@itcouldenbeaboat，不，我原以为这可能是问题所在，但当我在Dev上再次测试时，它没有按预期工作。
<form novalidate ng-submit="addResult(selectedFencer)">
<table>
         <tr>

             <td>
                <input type="search" ng-model="selectedFencer" typeahead="fencer for fencer in fencers"  placeholder="Type the fencers name" />
             </td>
             <td>
                <input type="submit" value="Submit"  class="button" />
             </td>

         </tr>
     </table>
 </form>