Chrome Update 70.XX – AngularJS ng-value not working properly

In one of our older application using AngularJS 1.5.8 version faced an issue today after getting latest update Chrome Browser to 70.x, In a place I used

<option 
ng-repeat="leaveAction in $root.masters.LeaveActions" 
ng-value="{{leaveAction.id}}">{{leaveAction.value}}
</option>

<!--
In earlier version Chrome 69.x.x..
Rendered as

<option 
ng-repeat="leaveAction in $root.masters.LeaveActions" 
ng-value="2" class="ng-binding ng-scope" 
value="2">
Approve
</option>


But now in version Chrome 70.x.x..
Rendered as

<option 
ng-repeat="leaveAction in $root.masters.LeaveActions" 
ng-value="2" class="ng-binding ng-scope" 
value="Approve">
Approve
</option>


-->

It was a mistake to put interpolation {{}} in ng-value, right?

But It was working fine till now before chrome 70.x.x.

It’s working fine now after replacing this

ng-value="{{leaveAction.id}}"

to 

ng-value="leaveAction.id"

or

value="{{leaveAction.id}}"

but question is why it was working correctly before chrome update :/

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top