如何在Angular Js中通过按Tab或输入（表单包含隐藏字段）来提交表单

Question

按下Tab键或在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

在Enter上进行提交很容易：添加一个用户看不见的提交按钮： http : //plnkr.co/edit/WFtx5tJydqCI2usK6FhP?p=preview要将其提交到选项卡上，您需要编写一个侦听关键事件的自定义指令。 也：

• 使用ng-model时，无需设置输入值
• ng-show在隐藏的输入上没有执行任何操作。 如果要忽略这些字段，请使用ng-if