如何使用按Tab键输入表单或在Angular Js中输入（表单包含隐藏字段）

Question

表单或在Angular Js中输入（表单包含隐藏字段）。

这里是我的控制器代码

$scope.preview = function(pre) 
    { 
      $scope.master = angular.copy(pre); 
    }; 

这里是我的视图模板代码

<form ng-submit="preview(pre)" name="form" novalidate> 


    <input type="hidden" ng-model="item.name" name='pre.name' value='{{item.name}}'ng-show="item.name==product.name"> 

    <input type="hidden" ng-model="item.sku" name='pre.sku' value='{{item.sku}}'ng-show="item.name==product.name"> 

    <input type="hidden" ng-model="item.price" name='pre.price' value='{{item.price}}'ng-show="item.name==product.name"> 

    <input ng-model="item.quantity" name='pre.quantity' value='{{item.quantity}}'ng-show="item.name==product.name"> // After changing the quantity then by pressing tab or enter the data have to submit 

    </form> 

    <pre>form = {{pre | json}}</pre> // have to show all the values which we giving in the form 

Answer 1

有提交上输入很简单：添加一个提交按钮这是不是对用户可见： http://plnkr.co/edit/WFtx5tJydqCI2usK6FhP?p=preview 要让它在标签上提交，您需要编写一个自定义指令来监听关键事件。 另外：

• 当采用NG-模型，就没有必要设置一个输入
• ng-show上隐藏的输入没有做任何事情的价值。如果您想省略这些字段，请使用ng-if