无法将我的范围变量绑定到Angularjs中的ng-src指令中

Question

我尝试从我的页面中的s3桶获取图像URL我在angularjs文件中获取了url但是我无法在ng-src指令中绑定url

这是我的观点

<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);
    }
  });
});

我在控制台中得到了确切的网址

Answer 1

假设您正确获取imageData并尝试以下操作。

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