変更された値の長さがxに等しい場合にのみ、入力テキストでevent ng-changeディレクティブを使用する方法は？

Question

私は角度で初心者だと私は、この問題を解決しよう：私は<input/>フィールドました：

<input 
    ng-model="codebare" 
    ng-change="addSale(codebare)" 
    name="keyWord" 
    type="text" 
    class="form-control" 
    placeholder="Product name or barcode value" 
    autofocus /> 

、あなたがそれを見ることができるように、私は、入力値（ng-model="codebare"）を取得したい任意の時間それは変わる。私の問題は、このコードは最初の文字がフィールドを埋めるときにのみ機能し、バーコードスキャナを使用しているので、最初の文字（3）の代わりに完全な値（3876666667677777287）を取得したいと考えています。それを行う簡単な方法はありますか？ ng-change-options="length"のようなディレクティブには思えますが見つかりませんでした。あなたはバーコードスキャナを使用している場合は、モデルが更新されないので、コード全体を完全に入力するための時間があったまで、私はデバウンスのNG-モデル・オプションを追加することになり

$scope.addSale = function(codebare) { 
    alert(codebare); 
    var item = $scope.codebare; 
    alert(item); 
    $scope.orderedItemCnt = 1; 
    var foodItem = { 
     orderedItemCnt: 1, 
     totalPrice: item.price, 
     itemId: item.id, 
     id: $scope.itemsCnt, 
     item: item 
    }; 
} 

Answer 1

：次は私addSale()機能です。

以下のサンプルを作成しました。

angular.module('optionsExample', []) 
 
.controller('ExampleController', ['$scope', function($scope) { 
 
    
 
    var data = { 
 
    1264274554897965: { id: "AGDFT144", price: 10.50 }, 
 
    3124142142123532: { id: "AGFHH156", price: 2.15 }, 
 
    6588969543172554: { id: "BNHKL102", price: 101.60 } 
 
    }; 
 
    $scope.barcode = 6588969543172554; 
 
    $scope.$watch("barcode", function(newValue, oldValue) { 
 
    if (newValue) 
 
     addSale(newValue); 
 
    }); 
 
    
 
    function addSale(barcode) { 
 
    var item = data[barcode]; 
 
    var foodItem = { 
 
     orderedItemCnt: 1, 
 
     totalPrice: item.price, 
 
     itemId: item.id, 
 
    }; 
 
    console.log(foodItem); 
 
    } 
 
     
 
    
 

 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
 
<div ng-app="optionsExample" ng-controller="ExampleController"> 
 
    <form name="itemForm"> 
 
    <label>Name: 
 
     <input type="text" name="barcode" 
 
      ng-model="barcode" 
 
      ng-model-options="{ debounce: 500 }" /> 
 
    </label> 
 
    <br /> 
 
    </form> 
 
    <pre>user.name = <span ng-bind="barcode"></span></pre> 
 
</div>