从客户端设备 angularjs 检索下载的 JSON 文件

Question

我正在为我正在开发的一个 Cordova 应用程序构建一个离线功能，我有一个 php 文件，它只获取图像列表，我从中获取 JSON 并通过 FILESYSYTEM API 保存在客户端设备中，当我尝试使用 angularjs 检索它，我无法显示图像，即使我可以看到每个图像的容器。我是否必须解析它才能显示它或我错过了什么？

{ $http({
        method: 'POST', // I have used the GET method as well
        url: 'cdvfile://localhost/persistent/local_store/json1.json'
    }).success(function(data){
        $scope.clientData = data;
    });
}

这就是我试图展示它的方式

{<img class="image_dir" ng-src="cdvfile://localhost/persistent/local_store/{{image.image_dir}}">
}

提前致谢

Answer 1

看起来您正在将从成功函数返回的数据分配给 clientdata 范围。但是，在您的图像的 ng-src 中，您没有在任何地方引用 clientscope。我不确定您的 JSON 对象是如何格式化的，但可能的解决方案可能是

{<img class="image_dir" ng-src="cdvfile://localhost/persistent/local_store/{{clientscope.image.image_dir}}">
}

我会console.log(clientscope); 看看它包含什么

虽然我不确定这个 sn-p 代码在哪里，因为它看起来像是包装在一个对象中，所以它可能是 JSON 的一部分，但如果是，那么 sn-p 的 JSON 格式错误，这可能如果是另一种解决方案。