AngularJS http получить JSON

Question

AngularJS http получить JSON

0

Первый раз, пытаясь получить данные json и привязать его к моей форме, используя AngularJS. Я могу связать json таким образом, но он требует, чтобы я вручную сопоставлял "данные" с каждым из моих элементов в своем html.

http-вызов от моего контроллера:

  $http.get('static.json').
    success(function(data, status, headers, config) {
      // here I have to manually copy all my json to bind with "data"
      $scope.SiteID = data.SiteID;
      $scope.SiteCode = data.SiteCode;
  }).
  error(function(data, status, headers, config) {
    // log error
  });

Мой json:

{
  "SiteID":"mySiteIDGoesHere",
  "SiteCode":"mySiteCodeGoesHere"
}

Есть ли способ автоматически привязать мой json без необходимости проходить через каждый элемент вручную? например:

  $http.get('static.json').
    success(function(data, status, headers, config) {
      "just pull in whatever my json is and bind it"
      $scope.WhateverIsInJSONID = data.WhateverIsInJSONID;
      $scope.WhateverIsInJSONCode = data.WhateverIsInJSONCode;
  }).
  error(function(data, status, headers, config) {
    // log error
  });

simple 21 июль 2015, в 20:34

Источник

0

Просто установите $scope.something = data и тогда ваши представления будут выглядеть так: {{something.WhateverIsInJSONID}} $scope.something = data {{something.WhateverIsInJSONID}} или что-то еще
Tom 21 июль 2015, в 18:15

Теги:

javascript

angularjs

json

rest

4 ответа

1

Как уже упоминалось, вы можете просто задать элемент в области $scope для data а затем ссылаться на него с помощью точечной нотации, например:

$scope.data = data;

А потом:

<span>{{data.WhateverIsInJSONID}}</span>

Если вы хотите, чтобы каждое свойство в $scope индивидуально, вам нужно было бы перебрать их и добавить их, например:

for (var property in data) {
  if (data.hasOwnProperty(property)) {
    $scope[property] = data[property];
  }
}

Что бы дать вам $scope.WhateverIsInJSONID и $scope.WhateverIsInJSONCode

Tom 21 июль 2015, в 17:09

0

Недостатком вашего цикла for является возможность перезаписи предыдущего ключа, прикрепленного к области. Например, $ scope.someKey = function ... и у вас есть .someKey в возвращаемом объекте данных, для которого вы затем перезаписываете свою функцию. Опасное.
Brant 21 июль 2015, в 18:24
0

@ Брант, согласился, я бы так не поступил, но чтобы удовлетворить вопрос, я добавил это.
Tom 21 июль 2015, в 18:58
0

Думаю, вы добавили по этой причине.
Brant 21 июль 2015, в 19:06

Показать ещё 1 комментарий

1

Вы можете просто установить $scope.data = data;...

Тогда, на ваш взгляд, вы можете получить доступ к data.SiteID или data.SiteCode и т.д.

Daniel Cottone 21 июль 2015, в 15:57

-1

Нет. В угловом режиме вы должны помещать данные в область ($ scope) один за другим внутри контроллера, тогда вы можете получить к нему доступ в HTML либо {{blah}}, либо использовать директиву ng-models, ng-values и т.д.

Arpit 21 июль 2015, в 16:19

0

Совсем нет.
Brant 21 июль 2015, в 18:27

Ещё вопросы

Просто установите $scope.something = data и тогда ваши представления будут выглядеть так: {{something.WhateverIsInJSONID}} $scope.something = data {{something.WhateverIsInJSONID}} или что-то еще
Недостатком вашего цикла for является возможность перезаписи предыдущего ключа, прикрепленного к области. Например, $ scope.someKey = function ... и у вас есть .someKey в возвращаемом объекте данных, для которого вы затем перезаписываете свою функцию. Опасное.
@ Брант, согласился, я бы так не поступил, но чтобы удовлетворить вопрос, я добавил это.
Думаю, вы добавили по этой причине.

Brant · Accepted Answer · 2015-07-21T16-09-00.000Z

В вашей функции успеха привяжите свои данные к $ scope.data следующим образом:

$scope.data = data

Затем - в вашем html все ваши ng-модели, ng-values и т.д. Будут связаны как таковые:

<p>{{data.someKey}}</p><img ng-src="data.imgSrc" />....

Кроме того, его небезопасно перекладывать многие ключи произвольно по охвату. И я не имею в виду случайные.data или. Что бы ни добавлялось в область видимости. Но когда вы слепо повторяете объект и привязываете каждый ключ к $ scope, вы рискуете перезаписать другой ключ, который уже может быть установлен, или ключ, который ваш параметр будет перезаписан позже в контроллере. Возможно, у вас есть функция, привязанная к области видимости, которая перезаписывается слепое назначением или наоборот.

Дай мне немного любви и проверь, как правильно?