JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="GalleryCtrl as gallery">
  <ul>
    <li ng-repeat="image in gallery.images track by $index">
      <a ng-click="gallery.active = $index" ng-bind="image.name"></a>
    </li>
  </ul>
  <img ng-src="{{gallery.images[gallery.active].src}}" alt="">
</div>

JavaScript

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

angular.module('app').controller('GalleryCtrl', [function () {
	
  var vm = this;
  
  vm.active = 0;
  
  vm.images = [];
  vm.images.push({
    name: 'Bild 1',
    src: 'http://placehold.it/300/300'
  });
  vm.images.push({
    name: 'Bild 2',
    src: 'http://placehold.it/301/301'
  });
  vm.images.push({
    name: 'Bild 3',
    src: 'http://placehold.it/302/302'
  });
  
  return vm;
  
}]);