Associer les noms des éléments de la liste aux images

Question

Je veux énumérer les noms des articles dans le module (nom). Ensuite, je veux cliquer sur le nom et faire charger l'image correspondante. La première image devrait se charger automatiquement. J'ai essayé de suivre cette question pour faire fonctionner, mais c'est lié aux miniatures. Je pense que je manque de code dans la section ng-repeat. Merci!

Comment lier la src d'une image à ng-model et l'extraire en Angular?

HTML

   JS

angular.module('myApp',[]);

angular.module('myApp').controller('DemoController',
['$scope',function($scope) {

this.cats = [

   {
    name:  'Fluffy',
    images: 'images/Fluffy.jpeg'
   },
   {
     name: 'Tabby',
     images: 'images/tabby.jpeg'
   }
  ];
$scope.selectedImg = {};

}]);

Answer 1

Initialement, vous voulez définir la première image, puis le faire manuellement à l'intérieur du contrôleur.

$scope.selectedImg = this.cats.image[0];

et aussi changer ng-click pour assigner l'objet complet de cat.images[0]

ng-click="selectedImg= cat.images[0]"