Question

我想要角度格式的jason多级数组，我无法做到这一点。以角度显示的Json文件在这里。我能够显示属性和几何而不是其他

{
  "type": "FeatureCollection",   //first fie
   "metadata": {
   "generated": 1456209730000,
   "api": "1.4.0",
 },
   "features": [
    {
       "type": "Feature",
       "properties": {
       "mag": 2.3,
  },
   "geometry": {
    "type": "Point",
    "coordinates": [
     -150.7703,
      63.5849
  ]},
  "id": "ak12869032"
 },
 {
  "type": "Feature",
    "properties": {
    "mag": 2.43
  },
   "geometry": {
     "type": "Point",
     "coordinates": [
     -120.8253326,
      36.6078339
    ]},
    "id": "nc72596150"
   }],
"bbox": [                 //last field
   -150.7703,
   33.7698333
    ]}

Answer 1

请按以下步骤操作：

1）在你的控制器中创建$scope.tempData变量

2）在$scope

中获取您的价值

3）$scope.tempData=[your json data];

4）你可以在控制器内的任何地方使用tempData。

for(var d in tempData)
{
    var data=tempData[d].id;
}

现在你可以从你的json获取id。但是它给出了最后一个值。所以你可以创建数组并推动每一个循环。

5）如果你想在html中使用，可以使用ng-repeat。

如果您是初学者，请访问blog。

Answer 2

编辑你的json：

{
  "type": "FeatureCollection",
  "metadata": {
   "generated": 1456209730000,
   "api": "1.4.0",
    "count": 3
 },
  "features": [
    {
       "type": "Feature",
       "properties": {
       "mag": 2.3,
       "place": "93km WNW of Cantwell, Alaska",
       "time": 1456207082000
 },
      "geometry": {
        "type": "Point",
        "coordinates": [
         -150.7703,
          63.5849
    ]
     },
      "id": "ak12869032"
    },
 {
      "type": "Feature",
        "properties": {
        "mag": 2.43,
        "place": "42km WSW of Mendota, California",
        "time": 1456206494170
  },
       "geometry": {
         "type": "Point",
         "coordinates": [
         -120.8253326,
          36.6078339
    ]
      },
        "id": "nc72596150"
       }
    ],
    "bbox": [
       -150.7703,
       33.7698333,
     0.79,
     -115.9471667,
      63.5849,
      8.8
     ]
   }

参见要点：http://bl.ocks.org/d/60bc280edef4ed4da464

Answer 3

要在angularjs中显示json，请使用带模型的过滤器json。

<input type="text" ng-model="(jsonData | json)">{{jsonData | json}}</input>

Answer 4

使用Pre Tag我们可以在html页面中设置样式

In your Controller:

$scope.details={name:"xyz",address:[{place:"cc"},{place:"second"}]}

In HTML Page: <pre>{{details|json}}</pre>

我希望这个json以角度显示

4 个答案: