искать и повторять города с помощью ng-repeat и openweathermap api

Question

искать и повторять города с помощью ng-repeat и openweathermap api

0

Привет, ребята, я уже некоторое время пытался сортировать данные из openweathermap.org, используя api, предоставленный сайтом, и функцию ng-repeat в angularjs. по какой-то причине я не могу заставить его работать... то, что я пытаюсь сделать, это сначала отобразить все собранные данные, а затем отсортировать их с помощью поля ввода.

Javascript

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

app.controller('weatherController', function($scope, $http) {

$http.jsonp('http://api.openweathermap.org/data/2.5/weather', { params : {
	q : $scope.city,
	units : $scope.units,
	callback: 'JSON_CALLBACK',
	APPID: $scope.id
}}).success(function(data){
	$scope.data = data;
});
	
$scope.units = 'metric';
$scope.id = 'e08f9689f06c1b6eddb44396c749eb54';  

$scope.reset = function(){
return $scope.city = "";
};
});

HTML

<div ng-app="weatherApp" ng-controller="weatherController">
<input ng-model="city.name" placeholder="City" />
<button ng-click="reset()">Reset</button>
<ul>
    <li ng-repeat=" x in data | filter : city">
        {{x.name}}
    </li>
</ul>

BuzzLajtjer 31 окт. 2015, в 19:49

Источник

0

что вы хотите отобразить изначально? все города?
Sajeetharan - MSFT 31 окт. 2015, в 18:22
0

да, изначально ... а затем укажите результат с помощью ввода. что-то вроде: L дает Лос-Анджелесу, Лофотену и так далее, а Лос-Анджелес дает Лос-Анджелесу, но не Лофотену ... Я очень новичок в этом бизнесе openweathermap, поэтому не совсем уверен, как его использовать. У меня нет проблем с обработкой локального файла JSON таким же образом
BuzzLajtjer 31 окт. 2015, в 18:44
0

Для отображения городов, почему вы называете api openweather?
Sajeetharan - MSFT 31 окт. 2015, в 18:45
0

потому что в конце концов я тоже хочу показать температуру и скорость ветра.
BuzzLajtjer 31 окт. 2015, в 18:48
0

Ваша попытка <li ng-repeat = "x в данных | orderBy: city"> {{x.city}} </ li>?
insomiac 31 окт. 2015, в 19:16
0

@insomiac я не думаю, что у него есть города в этом ответе
Sajeetharan - MSFT 31 окт. 2015, в 19:21
0

Когда вы сказали «затем отсортировать его с помощью поля ввода», вы имели в виду сказать «затем отфильтровать его с помощью поля ввода»?
Fridjon Gudjohnsen 31 окт. 2015, в 19:23
0

@BuzzLajtjer это было бы полезно w4.matthiaslienau.de/angular-openweather-app/app/#/forecast
Sajeetharan - MSFT 31 окт. 2015, в 19:25
0

Да, API просто возвращает один json .. не города .. Пожалуйста, проверьте эту ссылку: api.openweathermap.org/data/2.5/…, а также имя свойства "name", а не "city"
insomiac 31 окт. 2015, в 19:27
0

таким образом, невозможно отобразить список параметров соответствия ввода таким образом? Спасибо, ребята, за все ваши ответы и помощь кстати :)
BuzzLajtjer 01 нояб. 2015, в 12:45

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

Теги:

javascript

html

angularjs

jsonp

openweathermap

1 ответ

Ещё вопросы

что вы хотите отобразить изначально? все города?
да, изначально ... а затем укажите результат с помощью ввода. что-то вроде: L дает Лос-Анджелесу, Лофотену и так далее, а Лос-Анджелес дает Лос-Анджелесу, но не Лофотену ... Я очень новичок в этом бизнесе openweathermap, поэтому не совсем уверен, как его использовать. У меня нет проблем с обработкой локального файла JSON таким же образом
Для отображения городов, почему вы называете api openweather?
потому что в конце концов я тоже хочу показать температуру и скорость ветра.
Ваша попытка <li ng-repeat = "x в данных | orderBy: city"> {{x.city}} </ li>?
@insomiac я не думаю, что у него есть города в этом ответе
Когда вы сказали «затем отсортировать его с помощью поля ввода», вы имели в виду сказать «затем отфильтровать его с помощью поля ввода»?
@BuzzLajtjer это было бы полезно w4.matthiaslienau.de/angular-openweather-app/app/#/forecast
Да, API просто возвращает один json .. не города .. Пожалуйста, проверьте эту ссылку: api.openweathermap.org/data/2.5/…, а также имя свойства "name", а не "city"
таким образом, невозможно отобразить список параметров соответствия ввода таким образом? Спасибо, ребята, за все ваши ответы и помощь кстати :)

Fridjon Gudjohnsen · Answer 1 · 2015-10-31T17-08-00.000Z

Вы можете попытаться установить $scope.id и $scope.units перед вызовом $http.jsonp. Мне кажется, что значения используются в параметрах перед их установкой. Попробуйте изменить это на:

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

app.controller('weatherController', function($scope, $http) {

    $scope.units = 'metric';
    $scope.id = 'e08f9689f06c1b6eddb44396c749eb54';  

    $http.jsonp('http://api.openweathermap.org/data/2.5/weather', { params : {
        q : $scope.city,
        units : $scope.units,
        callback: 'JSON_CALLBACK',
        APPID: $scope.id
    }}).success(function(data){
        $scope.data = data;
    });

    $scope.reset = function(){
        $scope.city = '';
    };
});