Javascript Angular JS/IONIC读取JSON文件

嗨，我有一个叫Yahoo的angular js/ionic项目！正在返回以下json的finance webservice。。我试图在index.html上显示它，但是它无法呈现JSON数据。我如何在我的示例中引用以从JSON中提取“price”：“34.849998”

我尝试使用diidnt无法工作的{{fiveDay.list[0].meta[0].type}进行拉取

index.html（{{fiveDay.list[0].meta[0].type}}

是我需要正确的JSON引用的地方）

股票利润计算器
股票代码：
{{fiveDay.list.resources[0].resource.fields.price}



分配：

您正在调用

.success（）

两次：

return $http.get('http://finance.yahoo.com/webservice/v1/symbols/YHOO/quote?format=json') 
            .success(function(data) { 
              return data; 
            }) 
...
stocks.success(function(data) {
    $scope.stockVariable = data; 
  });

我建议您只需退回工厂的承诺：

return $http.get('...');

...
stocks.then(function(data) { $scope.stockVariable = data; });

编辑：

list

和

meta

都不是数组：

{
   "list":{
      "meta":{
         "type":"resource-list",
         "start":0,
         "count":1
      },
      "resources":[
         {
            "resource":{
               "classname":"Quote",
               "fields":{
                  "name":"Yahoo! Inc.",
                  "price":"34.849998",
                  "symbol":"YHOO",
                  "ts":"1449608400",
                  "type":"equity",
                  "utctime":"2015-12-08T21:00:00+0000",
                  "volume":"19852579"
               }
            }
         }
      ]
   }
}

只有带方括号的值才是数组，这意味着只有

resources

是数组。因此，要访问

价格

，您需要执行以下操作：

$scope.prices = fiveDay.list.resources
    .map(function(item) { 
         return item.resource.fields.price; 
    });

或者，如果你真的只得到一个：

$scope.price = fiveDay.list.resources[0].resource.fields.price;

---

你能描述一下关于“无法呈现”的更多细节吗？是否有任何错误消息？无法呈现，如中所示，我没有获取字符串“resource list”，而是看到我进行的angular js调用stockVariable.list.meta.typeEverything正常工作我想这就是我试图从JSON文档中读取数据的方式，因此我的JSON路径。。。引用“价格”的正确方法是什么：“34.849998”通过angular？我尝试了$scope.price=fiveDay.list.resources[0]。resource.fields.price仍然无法显示它。。。查看我的原始帖子编辑