Доступ к данным JSON с использованием Angular 2.0

Question

Я довольно новичок в использовании JavaScript в отношении Angular 2.0. Я имею 2-летний опыт работы с Java, поэтому я знаком с программированием (в общем).

В моем приложении у меня есть полезная информация JSON, чьи данные я бы хотел получить. Обычно в Java я могу сделать карту для захвата указанных данных.

Мой вопрос: Как получить данные в угловом (2.0) для использования в рамках контроллера/службы?

Образец данных:

"impairments":[ 
    { 
    "type":"SUCKOUT", 
    "lowBin":132000000, 
    "highBin":210000000, 
    "severity":57 
    } 

В котором я пытаюсь использовать данные для "типа"

Спасибо так много!

Answer 1

Прежде всего ваши данные JSON выглядят не правильно. Предполагая, что запрос GET к /some/endpoint/here в ваших возвращений приложение:

{ 
    "impairments": [ 
     { 
      "type":"SUCKOUT", 
      "lowBin":132000000, 
      "highBin":210000000, 
      "severity":57 
     } 
    ] 
} 

Вы можете использовать простой контроллер как:

app.controller("yourController", ['$http', '$scope', function($http, $scope) { 
    $scope.type = null; 
    $http.get('/some/endpoint/here').then(
     function(response) { 
      //response.data contains all the response data 
      $scope.type = response.data.impairments[0].type; 
     }, 
     function() { 
      //error occured, do something 
     } 
    ); 
}]); 

Тогда в контроллере вы можете просто использовать: {{type}}

---

ПОЖАЛУЙСТА, ОБРАТИТЕ ВНИМАНИЕ

По соображениям безопасности, угловые JS советуют префиксный ответ JSON с )]}',\n и угловыми полосами.

A JSON vulnerability позволяет веб-сайт третьей стороны, чтобы превратить ваш JSON ресурсов URL в JSONP запроса при некоторых условиях. Чтобы противостоять этому , ваш сервер может префикс всех запросов JSON со следующей строкой ")]} ', \ n". Угловой будет автоматически разделять префикс до , обрабатывая его как JSON.

Вы можете прочитать по адресу: https://docs.angularjs.org/api/ng/service/$http#security-considerations