javascript - Angular nested GETs -


i have interesting situation getting list of ids 1 request , want grab first 1 , request image url object. unfortunately there times when id returned first request not valid , need check next id. attempting recursive callback way of doing not doing want , i'm getting no results due angular's asynchronous nature.

here sample of code:

app.controller('gr_menu', function($scope, grapi, flashmanager, catalogapi) { $scope.reports = [];  grapi.reportlist().then(   function(success) {     success.data.foreach(function(report) {       if(report.live) {         $scope.reports.concat({'id': report.id, 'title': report.game, 'imgurl': getreportdata(report)});       }     });   },   function(error) {     flashmanager.flashmessage('danger', 'failed load game reports: '+error);   });  function getreportdata(report) {   catalogapi.searchgame(report.game, [{"json.offertype":"base game"}])     .then(function(success){       var = 0;       return checkofferid(success.data.result[i].offerid, function (result) {         i++;         console.log(result)          if (result != false) {           return checkofferid(success.data.result[i].offertype);         } else {           return result;         }       });     }); }  function checkofferid(offerid) {   origin.games.cataloginfo(offerid)     .then(function (catdata) {       return catdata.customattributes.imageserver + catdata.localizableattributes.packartlarge;     }, function (caterr) {       return false;     });   } });

so it's 3 requests deep. first list of our "reports" , there ids of games indicated in reports, , there images.

i getting nothing console.log perhaps i'm misunderstanding how callback should work. still trying familiarize myself working angular , callbacks. have implemented via simple loop , break if python.

i couldn't make sense of code (i'm getting first steps angularjs) think want following "app.js" (simple example using module controller , service):

angular.module('testapp', [])   .controller('testctrl', ['$log','testservice',       function($log, testservice) {         var self = this;         testservice.getuserlist().then(function (ld) {           testservice.getuserinfo().then(function(ud){             //$log.log(ud.data.args.url);             self.photo_url = ud.data.args.url;           })         });   }])   .factory('testservice', ['$log', '$http', function($log, $http) {     return {       getuserlist: function() {         return $http.get('https://httpbin.org/get?list=[{id:1,%20name:%20%22jhon%22},{id:2,%20name:%22lewis%22}]')       },       getuserinfo: function() {         return $http.get('https://httpbin.org/get?id=1&name=jhon&url=https://www.gravatar.com/avatar/346173670fc42829e26d7965cbc5c3e0')      }     };   }]);

then can bind "photo_url" value html, (index.html):

<html ng-app="testapp">     <body ng-controller="testctrl testctrl">       <img ng-src='{{testctrl.photo_url}}' alt="something kwel"/>         <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.js">         </script>         <script src="app.js"></script>     </body>  </html>

hope have understood wanted, , hope helps well.

note: tested mocked urls http bin.


Comments

Post a Comment

Popular posts from this blog

sublimetext3 - what keyboard shortcut is to comment/uncomment for this script tag in sublime -

Image
i have script tag in code, keyboard shortcut comment/uncomment script tag in sublime. after selecting script open , close tag. <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> </script> i pressing ctrl + shift + / , getting this /*<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> </script>*/ also pressed ctrl + / , got this // <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> // </script> instead of <!-- <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> </script> --> script open , close tag in 2 lines not in 1 line , not have spaces too. for mac,high light lines want comment. hold 'command , / ' commented. for windows: high line or select lines ,then hold ctrl + / if not work: ...
Read more

java - No use of nillable="0" in SOAP Webservice -

i have received xsd 3rd party supplier generated java based system; used create soap endpoint receive data transfers. xsd not make use of nillable attribute defined within w3c/xsd namespace, example: <xs:complextype name="customer"> <xs:sequence> <xs:element minoccurs="1" maxoccurs="1" name="id" type="xs:integer"/> <xs:element minoccurs="0" maxoccurs="1" name="titleid" type="xs:integer"/> <xs:element minoccurs="0" maxoccurs="1" name="firstname" type="xs:string"/> <xs:element minoccurs="0" maxoccurs="1" name="familyname" type="xs:string"/> <xs:element minoccurs="0" maxoccurs="1" name="previousname" type="xs:string"/> <xs:element minoccurs="0" maxoccurs="1" nam...
Read more

ubuntu - Laravel 5.2 quickstart guide gives Not Found Error -

edit: think problem due not setting apache properly, these 2 links helped me. solution: http://laravel.io/forum/06-11-2014-not-found-but-route-exists https://www.digitalocean.com/community/tutorials/how-to-set-up-apache-virtual-hosts-on-ubuntu-14-04-lts end edit i'm following laravel 5.2 quickstart guide. https://laravel.com/docs/5.2/quickstart i'm running ubuntu 14.04.2 the website runs initially, when click on add task button run 404 not found error. as per guide run following commands setup complete quickstart project. git clone https://github.com/laravel/quickstart-basic quickstart cd quickstart composer install php artisan migrate additionally run following commands because i'm on ubuntu server: sudo chown -r www-data.www-data quickstart sudo chmod -r 755 quickstart sudo chmod 777 quickstart/storage the routes.php file looks like: <?php use app\task; use illuminate\http\request; route::group(['middleware' => ['web']]...
Read more