angulaire.js - Il y a un objet dans un tableau avec la structure suivante. Utilisez ng-options pour sélectionner l'identifiant. Vous souhaitez également lier de manière bidirectionnelle le score du champ de score à afficher sur la page.

Question

Il y a un objet dans un tableau avec la structure suivante. Utilisez ng-options pour sélectionner l'identifiant. Vous souhaitez également lier de manière bidirectionnelle le champ de score à la page et l'afficher. Comment le modifier ?

Answer 1

Merci pour l'invitation.
Je peux penser à deux méthodes pour votre structure de données. La première consiste à ne pas utiliser value.id comme valeur, mais à utiliser $index comme valeur. Ce sera plus facile à gérer plus tard.

La deuxième méthode consiste à surveiller les modifications de données de s_style, comme l'ajout de rappels ng-change à sélectionner, puis à utiliser les nouvelles données directement dans la page, par exemple.

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