$watch不触发自动补全ng-model

Question

我使用$watch编写了一小部分代码，但在使用带有自动完成( jQuery插件)的use输入时不会触发。它仅在手动键入输入时触发

app.directive("autoCode", ['elementData', function(elementData) {
    var codes = elementData.map(function(ele){
        return ele.Code;
    });     
    return {
     restrict: 'A',
     scope:{        
     },  
      link: function(scope, element, attrs) {     
        $(element).autocomplete({source:[codes]});      
    }};
}]);

app.controller('transactionCtrl',['$scope','elementData', function($scope, elementData){
    var names = elementData.map(function(ele) {
        return ele.Name;
    }),
    codes = elementData.map(function(ele) {
        return ele.Code;
    });

    $scope.$watch('code', function(codeValue){
        console.log(codeValue);

    }); 
}]);

下面是html：

 <form >

    Code: <input type="text" name="code" auto-code ng-model="code">
    Name: <input type="text" name="name" auto-name ng-model="name">

    </form>

如何让它与手动输入和自动完成一起工作？

Answer 1

尝试：

$scope.$watch($("input[name='code']").length, function(codeValue){
        console.log(codeValue);

    });

不是这样的。您必须将监视置于多次更改的值之上