Displaying created record Id in controller of Angularjs

Question

Hi I am writing certain values to database which returns the id of saved record. My factory has following

return {
    postNewR: $resource('/api/newRec', {}, {create: {method: 'POST'}})
}

In my controller I have

newR_factory.postNewR.create(recordData, function(data){
   alert(data.id);
});

Everything works fine. I can see in browser developer tools that in response it is returning id of newly created value i.e 22. However in alert box I get undefined.' Please let me know how i can display the value of id in alert box. Thanks

so if you replace that alert with a console.log, it logs 22 to the console? — clintsmith, Aug 25 '15 at 02:16
Can you try doing a `console.log(data)` above the alert to check the data structure of the returned object? — Icycool, Aug 25 '15 at 02:39
No it doesnt return 22 ...when I do console.log(data) It gives "Resource{$promise: Promise, $resolved: true}" — J. Davidson, Aug 25 '15 at 03:54
What exactly does the request and response look like in your browser's *Network* console? — Phil, Aug 25 '15 at 04:55

score 0 · Accepted Answer · answered Aug 25 '15 at 04:56

0

You have to use the $promise returned like this:

newR_factory.postNewR.create(recordData).$promise.then(function(data) {
    alert(data.id);
});

Alternatively, and this is more "angular", you would do it like:

var new_record = new newR_factory.postNewR(recordData);
new_record.$save(function(data) {
    alert(data.id);
});

answered Aug 25 '15 at 04:56

dave

62,300
5
72
93

You can also pass a success handler into the method (just like OP is doing) – Phil Aug 25 '15 at 08:24

Displaying created record Id in controller of Angularjs

1 Answers1