Директива AngularJs изменяет ngModel с задержкой и значением модели не соответствует

С директивой ng-model для компонента я рекомендую использовать односторонний (<) ввод и $setViewValue на выходе:

app.directive('newTag', function(){
  return {
    template: `
       <input ng-model="test" ng-change="change(test)"> <br/>
       {{test}}
    `,
    restrict: 'E',
    require: "ngModel",  
    scope: {
        ngModel : '<',
    },
    link: function (scope, elem, attrs, ngModel) {
      scope.change = function(val) {
        ngModel.$setViewValue(val);
      };
    },
  };
})

Использование:

<new-tag ng-model="tagValue" ng-change("newTagUpdate(tagValue)")>
</new-tag>

Для получения дополнительной информации см.

• Справочник по API AngularJS ngModelController
• Руководство разработчика AngularJS. Реализация пользовательских элементов управления формы (с использованием ngModel )
• Справочник по API всеобъемлющей директивы AngularJS — требуется