title: AngularJS getting the image in modal from thumbnail from JSON
body: <p>Using AngularJS to get JSON file:</p>
  
  <pre><code>{
   "albumId": 1,
   "id": 1,
   "title": "accusamus beatae ad facilis cum similique qui sunt",
   "url": "http://placehold.it/600/92c952",
   "thumbnailUrl": "http://placehold.it/150/92c952"
  },
  </code></pre>
  
  <p>and display using ng-repeat:</p>
  
  <pre><code>&lt;div ng-repeat="image in images" class="col-xs-2 "&gt;
     &lt;div class="thumbnail"&gt;
        &lt;img src="{{ image.thumbnailUrl }}" alt="" ng-click="open()" /&gt;
  
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>That works. Than I've connected the ui.bootstrap to thumbnails to get modal window opened.</p>
  
  <p>controller:</p>
  
  <pre><code>    app.controller("page3Ctrl",['$scope', '$resource', '$uibModal', function ($scope, $resource,$uibModal) {
  
      var postingsResource = $resource('http://jsonplaceholder.typicode.com/photos', {});
      $scope.images = postingsResource.query();
  
  
      $scope.open = function() {
          var uibModalInstance = $uibModal.open({
              animation: true,
              templateUrl: 'modal.html'
  
          });
      };
  
  }]);
  </code></pre>
  
  <p>Works fine. Now, how can I possibly go about displaying the particular image in modal url from thumbnailUrl? They should match.</p>