Question

我想从json文件中读取数据。我将文件名作为参数传递，并尝试从data/{{filename}}.json加载数据但它无法找到该文件并显示此错误消息

data/%7B%7Bfilename%7D%7D.json 404 (Not Found)

这是我的功能

    $scope.getSelectedCategoryData=function(fileName){
        $http.get('data/{{filename}}.json')
            .success(function (data) {
                $scope.selectedCategoryData = data.GetAllData;
            })
            .error(function (data, status, headers, config) {
            })
    }

我的问题是如何从参数中传递的值加载文件。有这样的方式吗？

<img ng-src="img/{{image}}.png"/>

Answer 1

小胡子符号意在在html中使用，而不是在Javascript中使用。您必须遵循标准的Javascript字符串连接。以下示例适合您。

$scope.getSelectedCategoryData=function(fileName){
        var filePath= 'data/' + fileName +'.json';
        $http.get(filePath)
            .success(function (data) {
                $scope.selectedCategoryData = data.GetAllData;
                $scope.image=data.GetAllData.image //image path
            })
            .error(function (data, status, headers, config) {
            })
    }

然后你可以使用：

<img ng-src="img/{{image}}.png"/>

从参数中传递的文件名加载JSON文件

1 个答案: