Невозможно связать мою переменную области видимости с директивой ng-src в Angularjs

Question

Я пытаюсь получить URL-адрес изображения из корзины s3 на своей странице. Я получил URL-адрес в файле angularjs, но не могу связать URL-адрес в директиве ng-src

Это мой взгляд

<img ng-src="{{imgData}}" />

Это мой контроллер angularjs:

app.controller('Sample', function($scope) {
  AWS.config.update({
    accessKeyId: '',
    secretAccessKey: ''
  });
  AWS.config.region = "us-east-1";
  $scope.s3Url = '';
  var bucket = new AWS.S3({
    params: {
      Bucket: 'mybucketname',
      Prefix: 'UPLOADS'
    }
  });
  bucket.listObjects(function(err, data) {
    if (err) {
      console.log(err);
    } else {
      console.log(data.Contents[1]);
      $scope.imgData = $scope.s3Url + data.Contents[1].Key;
      console.log($scope.imgData);
    }
  });
});

Я получил точный URL в консоли

Answer 1

Предполагается, что вы получаете imageData правильно и попробуйте следующее.

<img ng-src="'{{imgData}}'" />