angular.js - There is an object in an array with the following structure. Use ng-options to select the id. You also want to bidirectionally bind the score field score to be displayed on the page. How to modify it?

Question

There is an object in an array with the following structure. Use ng-options to select the id. You also want to bidirectionally bind the score field score to the page and display it. How to modify it?

Answer 1

Thanks for the invitation.
I can think of two methods for your data structure. One is not to use value.id as the value, but to use $index as the value. It will be easier to handle later.

The second method is to monitor the data changes of s_style, such as adding ng-change callbacks to select, and then using the new data directly in the page, for example.

$scope.change = ()=>{
    $scope.currentItem = $scope.arr.find(v => v.id === $scope.s_style);
}