AngularJS ng-src和phonegap读取文件

Question

我有一个需要读取保存到设备的图像文件的应用程序。

我有一切工作执行一个小问题，使文件返回到ng-src。 我现在的问题是从嵌套函数返回值，但我不确定如何解决它。

HTML

<img ng-src="{{getImage(product.image_a_225_x_225)}}" width="120px" height="120px" />

getImage函数

$scope.getImage = function(image){
    var img = "";
    GapFile.readFile("255_images/"+image, false, function(evt){
        img =  evt;
        //console.log(evt)
    });
    return img;

};

我知道这行不通，因为img在GapFile.readFile完成之前返回。 我已经测试过GapFile.readFile可以将良好的base-64输出到控制台，并且如果进行了硬编码，则base-64可以正确返回ng-src。 但是如何获取嵌套的成功函数以返回ng-src

谢谢你的帮助

Answer 1

映像加载后，您可以采取的一种方法是$ scope。$ apply（尽管我会认真建议您查看您的工作方式，而不是滥用$ scope。$ apply）。

var _allImages = {};
$scope.getImage = function(image){
    if (_allImages[image]) {
        return _allImages[image];
    }
    GapFile.readFile("255_images/"+image, false, function(evt){
        _allImages[image] =  evt;
        $scope.$apply();
    });
    return __base64BlankImage__;

};