2017-02-22 26 views
1

私はangular.jsを初めて使っていますが、私は学びたいと思っています。私はバーコードスキャナーを使って検索できるフォームを作成し、ボタンを押して提出することができます。この手順は冗長なようです。スキャナが1つの操作で情報を検索して提出することを希望しますが、これを行う方法がわかりません。ここに現在のコードがあります。角度スキャナ自動投稿

<div class="row" ng-controller="SearchItemCtrl"> 

    <div class="col-md-3"> 
     <label>{{trans('sale.search_item')}} <input ng-model="searchKeyword" class="form-control"></label> 

     <table class="table table-hover"> 
      <tr ng-repeat="item in items | filter: searchKeyword | limitTo:10"> 

       <td>@{{item.item_name}}</td> 
       <td><button class="btn btn-success btn-xs" type="button" ng-click="addSaleTemp(item, newsaletemp)"><span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span></button></td> 

      </tr> 
     </table> 
    </div> 

答えて

0

お使いのスキャナは、文字列の後リターンを送っていますか?私はいくつかのスキャナがこの能力を持っていることを知っているので、ngKeyPressまたはngChange属性を追加して、新しいラインコマンドを「自動提出」に検出する可能性があります。スキャナがこれを行うことができない場合、別のオプション(すべてのUPCコードが同じ長さを持つと仮定します)は、テキストの長さをチェックして、UPCの適切な文字数に達すると自動送信します。

+0

私のスキャナにその機能があるとは思われません。だからあなたは、特定の数の文字がスキャナから表示されるときに自動的にng-click =ボタンを有効にするということを私が関連付けることができるはずだと言っていますか? – user3703475

+0

'ng-change =" MyMethodName "を追加し、' myMethodName'に 'searchKeyword.Length == 9'(または期待UPCの長さ)をチェックします。次に、適切なボタンを仮想的にクリックすることなく、そのメソッドから直接 'addSaleTemp()'を呼び出すことができます。 –