javascript - 加载图像 Angular JS

Question

我目前正在尝试将图像加载到 img 标签中。我的问题是图像的加载无法通过特定的 src url 完成。所以我创建了一个返回图像的函数。我当前正在以以下格式调用该函数，但未加载图像。请注意，我已经验证该函数确实返回一个值作为数组缓冲区。感谢您的帮助!

代码:

JS-

//use .factory Img object to return arraybuffer value
$scope.getImage = function(productid) {
      console.log(productid);
      par = {id: [productid]};
      Img.getImage(par).$promise.then(
        function(data){
          console.log("success:" + data); //I am able to see this result but not display in img tag
          return data;
        },
        function(data){
          console.log("error" + data);
        }
      );
    }

HTML-

<img ng-src="{{getimage(id)}}">

Answer 1

函数Img.getImage(par).$promise是异步的。您无法在内部返回值。

这不是最好的解决方案，但你可以这样做:

JS:

$scope.getImage = function(productid) {
  console.log(productid);
  par = {id: [productid]};
  Img.getImage(par).$promise.then(
    function(data){
      console.log("success:" + data); //I am able to see this result but not display in img tag
      scope.productionPicturePath = data;
      return data;
    },
    function(data){
      console.log("error" + data);
    }
  );
}

HTML:<img ng-src="{{productionPicturePath}}">