Implementing ng-change With Angularjs Custome Directive

Question

I have Following Directive , how can i implement ng-change with it . the directive is working but ng-change only works when i manually change value of text box not when i change it using date picker

 app.directive('datepicker', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function (scope, element, attrs, ngModelCtrl) {

            $(function () {


                element.persianDatepicker({
                    formatDate: "YYYY/0M/0D",
                    onSelect: function (date) {
                        scope.$apply(function () {
                            ngModelCtrl.$setViewValue(date);
                        });
                    }
                });
            });
        }
    }
});

and in my HTML

 <input datepicker type="text" id="EndDate" ng-model="Filter.EndDate" class="form-control" ng-change="DateSelect()" />

DateSelect() only runs when i change value of text box manually

Community · Accepted Answer · 2017-05-23 11:44:54Z

1

Edited

ng-change is directive only for user input. Try to use $watch instead. Here are good answers:

Angular - ng-change not firing when ng-model is changed

When to use $watch or ng-change in Angularjs

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered Jan 26, 2016 at 7:30

Kovalenko Ivan

1725 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Arash Over a year ago

didn't work , should i change anything in input tag ?

Kovalenko Ivan Over a year ago

element in angular is Jquery object. Try to remove $(function () {

Arash Over a year ago

thanks for your answers , but i finally used bootstrap datepicker and i works , the problem is with jquery date picker because even with jquery event change binding , it doesnt do anything.

Collectives™ on Stack Overflow

Implementing ng-change With Angularjs Custome Directive

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related