отображать в DOM от $ http от обещания

Question

отображать в DOM от $ http от обещания

0

Окейский студент изучал js около 8 недель, работая над окончательным проектом, не понимая, как отображать в DOM из моих запросов. Мне нужно отобразить summonerData в dom со спичками... Что я делаю неправильно? Не взорвите мой ключ API, или мне придется получить еще один.

app.controller('ListController', ['$scope', '$window', '$http', 'LeagueService',                function($scope, $window, $http, LeagueService) {
    //$scope.interests = LeagueService.getInterests();

    $scope.searchSummoner = function () {
        LeagueService.summonerByName($scope.summonerText).then(function(responseData){
            console.log(responseData);
            //$scope.summonerObject = responseData.data['huriey'].id;
            let summonerId = responseData.data[$scope.summonerText].id;
            // debugger

            // make your second api call
            //  &seasons=SEASON2016
            return $http({
             method: 'GET',
             url:''
         });
     }).then(function (summonerData) {
            //  angular.copy(response.data.leagues, summonerCache);
            //  return response;
            console.log(summonerData);
            $scope.searchSummoner = function (summoner) {
        $window.open('${summoner.data}');
    };
    });

Jacob Hurley 11 май 2016, в 22:34

Источник

0

не включайте свой ключ API ...
Yatrix 11 май 2016, в 19:51
0

@Jacob Hurley Кажется, что вообще нет ничего, что пыталось бы создать элементы DOM, используя данные, которые вы запрашиваете. Вы забыли включить его?
Tibrogargan 11 май 2016, в 19:53
0

Я получаю синтаксические ошибки при попытке вашего кода.
Kyle 11 май 2016, в 19:54
0

Код работает отлично, он вводит идентификатор Summoner, а затем делает второй запрос $ http, чтобы получить все данные summonerData. Я спрашиваю, как затем заполнить dom summonerData.
Jacob Hurley 11 май 2016, в 19:58
0

Предоставьте данные вашей области: $scope.summonerData = summoner.myField . Затем вы можете получить к нему доступ из своего представления: {{ $scope.summonerData }} например. Или ng-model="$scope.summonerData"
Hanlet Escaño 11 май 2016, в 19:59
0

Хорошо, так что, по моему мнению, я должен $ scope.summonerData? Я пробовал это раньше, и это не сработало, если я не понимаю?
Jacob Hurley 11 май 2016, в 20:03
0

Что-то вроде. Ваш summonerData - это любой объект, который был возвращен вашим методом. Если это именно то, что вы хотите на своей странице, вам сначала нужно показать это, выполнив что-то вроде $scope.summonerData = summonerData . Если это полный объект json, то вам нужно быть конкретным (например, summonerData.myProperty ). На данный момент, как у вас есть, это еще не входит в вашу сферу.
Hanlet Escaño 11 май 2016, в 20:07

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

Теги:

javascript

angularjs

json

http

2 ответа

0

С угловым, вы показываете через привязки. Вот простой пример привязки:

<input type="text" value="model.someProperty"/>

или вы можете сделать это следующим образом:

<span>{{ model.someProperty }}</span>

Я бы порекомендовал вам потратить некоторое время и прочитать на угловом экране и посмотреть, как вы можете получить доступ к данным с вашего контроллера в своих шаблонах.

Yatrix 11 май 2016, в 17:41

Ещё вопросы

@Jacob Hurley Кажется, что вообще нет ничего, что пыталось бы создать элементы DOM, используя данные, которые вы запрашиваете. Вы забыли включить его?
Я получаю синтаксические ошибки при попытке вашего кода.
Код работает отлично, он вводит идентификатор Summoner, а затем делает второй запрос $ http, чтобы получить все данные summonerData. Я спрашиваю, как затем заполнить dom summonerData.
Предоставьте данные вашей области: $scope.summonerData = summoner.myField . Затем вы можете получить к нему доступ из своего представления: {{ $scope.summonerData }} например. Или ng-model="$scope.summonerData"
Хорошо, так что, по моему мнению, я должен $ scope.summonerData? Я пробовал это раньше, и это не сработало, если я не понимаю?
Что-то вроде. Ваш summonerData - это любой объект, который был возвращен вашим методом. Если это именно то, что вы хотите на своей странице, вам сначала нужно показать это, выполнив что-то вроде $scope.summonerData = summonerData . Если это полный объект json, то вам нужно быть конкретным (например, summonerData.myProperty ). На данный момент, как у вас есть, это еще не входит в вашу сферу.

Simon Schüpbach · Accepted Answer · 2016-05-11T18-32-00.000Z

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

Определите свою функцию

  $scope.searchSummoner = function () { return $http(...)};

обратитесь к функции, а затем вы можете использовать then

$scope.searchSummoner().then(function (summonerData) {
            ...
    });