0

我在表格中使用表格，以便可以连续提交一些数据。当我在我的生产/开发环境中时，表单如下所示。（我使用路由提供程序来分配控制器）一切最初都按预期工作，只是在按 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>

控制器

angular.module('RankingsApp')
    .controller('CompetitionController', function($scope) {

        $scope.fencers = ["Scott","Laura", "James"];

        $scope.addResult = function(fencer) {
            alert(fencer)
        };
  });

但是，如果我将相同的代码放入 plunker/独立 html 文件中，它会按预期工作，并在按下 enter 时提交表单。

http://plnkr.co/edit/3385qhpExge4S5ZdPs1E?p=preview

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

<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>

有没有人对我如何解决这个问题或我可以采取的调试方向有任何建议？

4

0 回答 0