Я хочу, чтобы этот JSON отображался в угловых
Я хочу этот многоуровневый массив Джейсона в угловом формате, я не могу это сделать.
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
]}
Решение
Пожалуйста, следуйте этим шагам:
1) создать $scope.tempData переменная в вашем контроллере
2) получить свою ценность в $scope
3) $scope.tempData=[your json data];
4) вы можете использовать tempData в любом месте внутри контроллера.
for(var d in tempData)
{
var data=tempData[d].id;
}
Теперь вы можете получить идентификатор из вашего json.but за его последнее значение.
так что вы можете создать массив и нажать на каждый цикл.
5) если вы хотите использовать в html, можете использовать ng-repeat,
Если вы новичок вист мой блог.
Другие решения
Отредактируйте свой 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
Для отображения json в angularjs, пожалуйста, используйте фильтр json с моделью.
<input type="text" ng-model="(jsonData | json)">{{jsonData | json}}</input>
Используя Pre Tag, мы можем стилизовать его на HTML-странице
In your Controller:
$scope.details={name:"xyz",address:[{place:"cc"},{place:"second"}]}
In HTML Page: <pre>{{details|json}}</pre>