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 :/