AngularJS $scope undefined

Question

I'm working on a form to edit a row in a database table via REST/AngularJS. However I can't access the data, as I get a $scope.l undefined error on the web console. I wonder how would I be able to get the form working so I use the REST server to edit the existing content.

//CONTROLLER to edit a specific item 
countryApp.controller('EditLocation', function($scope, $http, $routeParams, $location) {  
//
 var id = $routeParams.locid; 
 $scope.activePath = null; 

 $http.get('http://localhost/slimtest2/location/' + id).success(function(data) { 
  $scope.location = data;

}); 

$scope.editrel = function() { 
  var emP = { 
      location_id : id, 
      location_title : $scope.l.location_title,
      location_latitude : $scope.l.location_latitude,
      location_longitude : $scope.l.location_longitude
   }


  //convert data to JSON string
  var lucy = JSON.stringify(emP); 
    alert(lucy); 

  $http.put('http://localhost/slimtest2/location/1/edit', lucy); 


}

});

Where is the declaration of $scope.l ?

Pierre-Alexandre Moller
– Pierre-Alexandre Moller

2015-08-07 12:06:53 +00:00
Commented Aug 7, 2015 at 12:06 — Pierre-Alexandre Moller
– Pierre-Alexandre Moller, Commented Aug 7, 2015 at 12:06
you should declare $scope.l = {}; in your controller

Shaishab Roy
– Shaishab Roy

2015-08-07 12:27:20 +00:00
Commented Aug 7, 2015 at 12:27 — Shaishab Roy
– Shaishab Roy, Commented Aug 7, 2015 at 12:27

charlietfl · Accepted Answer · 2015-08-07 12:23:14Z

1

It's likely that you have a child scope in the view somewhere so if you use something like:

<input ng-model="l.location_title">

if l isn't an object inherited from parent scope, angular will create that object within the current scope.

Adding the following declaration in controller should help:

$scope.l={};

Now if element is within a child scope the l object will already exist and be reference to object in controller

If this does not resolve problem will need to see more of the code you are using

answered Aug 7, 2015 at 12:23

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Jeffrey Teruel Over a year ago

@charlieftl I no longer get the undefined error on my web console. I am getting [object object] when I put a alert(emP) to test the form inputs.

charlietfl Over a year ago

that sounds good! Note you don't need to stringify the data to send it, $http will do handle that for you

Jeffrey Teruel Over a year ago

@charlieleft I'm still going to have to figure getting the form inputs to display on the alert. Thanks a bunch. :)

charlietfl Over a year ago

you can't alert an object...log it to console instead

Jeffrey Teruel Over a year ago

@charlieftl I just changed it to console.log(this.l.location_title) and it works. Hope this helps others.

Collectives™ on Stack Overflow

AngularJS $scope undefined

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related