ng-change不适用于ngTagInput

Question

I am new in angular js .Here I am trying to call getTagsName function when user starts writing into the textbox.According to the keyword ,autocomplete suggestion will appear.But in my case ng-change is not working it seems ...Can anyone help me out..

my html:

<tags-input ng-model="tags2" display-property="name" ng-change="getTagsNames()">
  <auto-complete source="loadTags($query)"></auto-complete>
</tags-input>

my js:

$scope.getTagNames = function() {
     $scope.loadTags = function(query) {
         return $http.get('tags.json');
     };
};

Answer 1

I think ng-change() directive will not work because onChange() functionality will never be executed when the tags model changes on ngTagInput .

use on-tag-added="getTagNames()" and on-tag-removed="getTagNames()"

 <tags-input ng-model="tags2" display-property="name" on-tag-added="getTagNames()" on-tag-removed="getTagNames()" >

Or u can watch the changes with $scope.$watch , as the tags are arrays or objects $scope.$watchCollection can be used

 $scope.$watchCollection('tags2',function(){
    //execute the code on the changes

});

refer : http://mbenford.github.io/ngTagsInput/documentation/api