Angular: Попытка вернуть данные JSON вызывает ошибку в моем сервисе?

Question

Angular: Попытка вернуть данные JSON вызывает ошибку в моем сервисе?

0

Попытка вернуть данные JSON вызывает ошибку в моей службе. Вот код... выглядит достаточно просто!

var app = angular.module('easyjet', []);

app.service('FlightsService', function($http) {

    return {
        'selectedResult': null,
        'resultsData': $http.get('http://ejtestbed.herokuapp.com/flights')
    };

});

app.controller('ResultsController', function($scope, FlightsService) {

    // Default sort setting
    $scope.order = "flightNumber.number";

    // Using service
    $scope.flights = FlightsService;
});

app.controller('DetailedFlightController', function($scope, FlightsService) {

    // Using service
    $scope.flights = FlightsService;

});

Как я могу это исправить? заранее спасибо

Nasir 04 авг. 2016, в 18:17

Источник

0

В чем ошибка ??
Rob 04 авг. 2016, в 16:04
0

docs.angularjs.org/error/filter/...
Nasir 04 авг. 2016, в 16:09
0

вторая ошибка: Ошибка: фильтр: notarray Не массив
Nasir 04 авг. 2016, в 16:10
0

@Rob Проблема в том, что его массив не загружается в 'resultsData' в моем коде.
Nasir 04 авг. 2016, в 16:11
0

$http.get() возвращает обещание. Используете ли вы это обещание дождаться ответа сервера, прежде чем пытаться использовать данные?
Sunil D. 04 авг. 2016, в 16:14
0

@SunilD. Я новичок в JavaScript и особенно Angular ... это мой первый шаг в этом. Что такое обещание и как мне использовать его в этом примере? Спасибо
Nasir 04 авг. 2016, в 16:23
1

Http-запросы - это асинхронные действия, означающие, что они завершатся в определенный момент времени после вызова, успешно или нет. Поскольку данные могут быть возвращены в определенный момент времени, $http.get вернет $promise . В основном говоря, я верну что-то в какой-то момент. У вас есть 2 возможности обратного вызова 1.success 2.error. $promise.then(function(data){//success;},function(){//err;}) . Что касается использования, то @Rob предоставил действительно хорошую скрипку для вашего случая, а именно: FlightsService.resultsData().then(function(response) {//do smth wih your data});
Stefan.B 04 авг. 2016, в 16:51

Показать ещё 5 комментариев

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

вторая ошибка: Ошибка: фильтр: notarray Не массив
@Rob Проблема в том, что его массив не загружается в 'resultsData' в моем коде.
$http.get() возвращает обещание. Используете ли вы это обещание дождаться ответа сервера, прежде чем пытаться использовать данные?
@SunilD. Я новичок в JavaScript и особенно Angular ... это мой первый шаг в этом. Что такое обещание и как мне использовать его в этом примере? Спасибо
Http-запросы - это асинхронные действия, означающие, что они завершатся в определенный момент времени после вызова, успешно или нет. Поскольку данные могут быть возвращены в определенный момент времени, $http.get вернет $promise . В основном говоря, я верну что-то в какой-то момент. У вас есть 2 возможности обратного вызова 1.success 2.error. $promise.then(function(data){//success;},function(){//err;}) . Что касается использования, то @Rob предоставил действительно хорошую скрипку для вашего случая, а именно: FlightsService.resultsData().then(function(response) {//do smth wih your data});

Rob · Answer 1 · 2016-08-04T14-17-00.000Z

Свойству resultsData необходимо вернуть функцию, а не $ http-запрос:

Рабочий пример: https://jsfiddle.net/yh26oey6/

 return {
  'selectedResult': null,
  'resultsData': function() {
    return $http.get('https://api.zippopotam.us/us/90210');
  }

И, не видя, как вы звоните в службу, могут быть и другие проблемы.

Посмотрите код выше, я вставил все это в
Ваш контроллер не вызывает функцию resultsData, он просто ссылается на сервис. Взгляните на ссылку скрипта в моем ответе, чтобы лучше понять, как это может работать.