javascript - Error passing arguements between promises in AngularJS -

-

i’m building promise chain contains 4 functions. purpose of promise make few api calls. each api call affects following one, , require multiple arguments.

the basic flow of code below this:

  1. geocodelocation first function, , takes $scope.location input gets geocoded result object containing lat, lng, , formattedaddress
  2. getsearchcount second function requires result previous function. function queries api using restangular , returns plucked_result object.
  3. savelocation function requires both result , plucked_result create new location, based on whether plucked_result.search_count less 1 or not. search_count variable returned function.
  4. getphotos requires result , search_count arguments. using these builds api request url gets fired off. when response comes back, photos saved db.

the error occurs within savelocation function. error being returned is:

typeerror: cannot read property 'search_count' of undefined

here's code (with few comments on what's going on):

var geocodelocation, getphotos, getsearchcount, savelocation; // geocode $scope.location formatted address latitude , longitude geocodelocation = function(location) {   return geocoder.geocodeaddress(location).then(function(result) {     $scope.geocodingresult = "(lat, lng) " + result.lat + ", " + result.lng + " (address: '" + result.formattedaddress + "')";     console.log(result);     // pass result object previous function next function     return result;   }); };  getsearchcount = function(result) {   // fetch locations api (using restangular)   return global.locationsroute().getlist().then(function(data) {     var plucked_result;     // use underscore's _findwhere pluck out location we're looking for, , extract it's search_count     plucked_result = _.findwhere(data, {       name: result.formattedaddress     });     // logging correctly     console.log(plucked_result);     return plucked_result;   }); };  savelocation = function(plucked_result, result) {   var newlocation, search_count;   // logging incorrectly, , error occurs   search_count = plucked_result.search_count;   console.log(search_count);   // if search_count more 1, increment , update search_count   if (!(search_count < 1)) {     plucked_result.search_count = search_count + 1;   } else {   // if search_count less 1, create new location     newlocation = {       name: result.formattedaddress,       lat: result.lat,       lng: result.lng,       search_count: 1     };     global.locationsroute().post(newlocation);   }   return search_count; };  // function requires both result , search count build 500px api request string getphotos = function(result, search_count) {   var newurl, url;   url = global.externalapi() + "search?geo=" + result.lat + "," + result.lng + ",25km&rpp=5&image_size=4&tags=true&sort=votes_count&only=[landscapes][city+%26+architecture][nature][urban+exploration][underwater][travel][journalism][black+and+white]&page=" + search_count + "&consumer_key=" + global.consumerkey();   newurl = restangular.oneurl('500px', url).get();   return newurl.then(function(data) {     var newphoto, photo, _i, _len, _ref, _results;     $scope.photos = data;     _ref = data.photos;     _results = [];     (_i = 0, _len = _ref.length; _i < _len; _i++) {       photo = _ref[_i];       newphoto = {         name: photo.name,         description: photo.description,         image_url: photo.image_url,         search_term: result.formattedaddress       };       _results.push(global.photosroute().post(newphoto));     }     return _results;   }); };  $scope.geocode = function() {   var location;   if ($scope.location) {     location = $scope.location;     return geocodelocation(location).then(getsearchcount).then(savelocation).then(getphotos);   } };

the question here is: how pass result, plucked_result , search_count variables between functions?

solved. promises can't pass more 1 argument between them, need bundle of objects , variables array, , pass array between functions. example:

var getsearchcount, savelocation;  getsearchcount = function(result) {   return global.locationsroute().getlist().then(function(data) {     var passed_data, plucked_result;     plucked_result = _.findwhere(data, {       name: result.formattedaddress     });     passed_data = [result, plucked_result];     return passed_data;   }); };  savelocation = function(passed_data) {   var newlocation, plucked_result, result, search_count;   result = passed_data[0];   plucked_result = passed_data[1];   search_count = plucked_result.search_count;   if (!(search_count < 1)) {     plucked_result.search_count = search_count + 1;     plucked_result.put();   } else {     newlocation = {       name: result.formattedaddress,       lat: result.lat,       lng: result.lng,       search_count: 1     };     global.locationsroute().post(newlocation);   }   passed_data = [result, search_count];   return passed_data; };

where passed_data array containing objects , variables.


Comments

Post a Comment

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

-
i read alot other solution still confused should mine... #include <opencv2/objdetect/objdetect.hpp> #include <opencv2/highgui/highgui.hpp> #include <opencv2/imgproc/imgproc.hpp> #include <iostream> #include <stdio.h> using namespace std; using namespace cv; int main(int argc, const char** argv) { //create cascade classifier object used face detection cascadeclassifier face_cascade; //use haarcascade_frontalface_alt.xml library face_cascade.load("haarcascade_frontalface_alt.xml"); //setup video capture device , link first capture device videocapture capturedevice; capturedevice.open(0); //setup image files used in capture process mat captureframe; mat grayscaleframe; //create window present results namedwindow("outputcapture", 1); //create loop capture , find faces while (true) { //capture new image frame capturedevice >> captureframe; ...
Read more

php - render data via PDO::FETCH_FUNC vs loop -

-
i've been using 2 methods render data. the first one: function name($id,$name){ return '<div id="'.$id.'">'.$name.'</div>'; } echo implode($pdo->query("select id,name user")->fetchall(pdo::fetch_func,'name')); the second one: $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); foreach($users $user){ echo name($user->id,$user->name); } i don't understand how pdo::fetch_func works. tried figure out. however, not well-documented. could please explain fetch mode? , also, 1 performs better? thank you. both methods wrong , have learn how use templates , how separate business logic presentation logic. $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); tpl::assign('users', $users); is code business logic part. then in template <?php foreach $users $row): ?> <div id="<?=$...
Read more

The canvas has been tainted by cross-origin data in chrome only -

-
uncaught securityerror: failed execute 'getimagedata' on 'canvasrenderingcontext2d': canvas has been tainted cross-origin data i getting above error in chrome. code(following) works fine in mozilla. have not corss domain issue. why above error in chrome? var wheel_canvas, wheel_context, can_w, can_h, wheel_grd; var large_radius = 160; var small_radius = 120; var wheel_canvas = document.getelementbyid('wheel_canvas'); var wheel_context = wheel_canvas.getcontext('2d'); var can_w = $(wheel_canvas).width(); var can_h = $(wheel_canvas).height(); var centerx = can_w / 2, centery = can_h / 2; var wheel_grd = null; test('#ff0000'); function test(hex) { $('#clrpicker').css({'left': 210, 'top': 210 }); inverted = hexbw(hex); $('#color_val_show').val(hex); current_color_hex_val_selected = hex; $('#color_val_show').css({'color':inverted,'background':hex}); fillgradient...
Read more