如何使用按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