AngularJs ng-change event fire manually

Question

 <input type="checkbox" value="" ng-model="filterPrivateDocCheckBox" ng-click="dl.filterPrivateDocument(filterPrivateDocCheckBox, $event)">
 <input st-search="target" class="input-sm form-control"  ng-model="dl.documentTarget" ng-change="dl.change()" />

function filterPrivateDocument(val) 
{
    if(val)
    this.documentTarget = 'Private';
}

When I clicked on checkBox I set the value into text box, but I saw ng-change event doesn't get fired. why?

And also When I type some value in text box I observe that ng-change event gets fired.

Any fix for this problem?

Therontheropod

Can you provide a jsFiddle/Plunker where one can reproduce the problem? – Jeffries

So what is your problem here? The things you defined here is how your code is supposed to be working. What do want to be precisely? – Nador

What browser ??? – Staff

Answer 1

According to the docs:

The ngChange expression is only evaluated when a change in the input value causes a new value to be committed to the model.

It will not be evaluated:

• if the value returned from the $parsers transformation pipeline has not changed
• if the input has continued to be invalid since the model will stay null
• if the model is changed programmatically and not by a change to the input value

So it will not be triggered when it is changed by JavaScript (/angular).

What you can do, is trigger the change function yourself:

function filterPrivateDocument(val) {
    if(val) {
        this.documentTarget = 'Private';
        this.change();
    }
}

See this jsfiddle

Trangtranquada

Thanks for your comment-3 highlighted in BOLD – Therontheropod

strangely the 3rd point is exactly what's happening for me. can't figure out why but updating the value in the controller is in turn firing the ngChange #46002776 – Phelan