AngularJS: return an array inside Object

Question

I'm trying to search inside JSON file by the _id, then only return the team_members array as you see below is an example of one object inside the file

    {
        "_id": "5769484bb3ef5c696c5686d0",
        "name": "XXXXX",
        "family": "XXXXX Products",
        "description": "XXXXXXXXXXXXXXXX",
        "image": "http://localhost/img/proudct6.png",
        "__v": 8,
        "team_members": [{
            "_id": "57694567b3ef5c696c5686c2",
            "name": "XXXXXXX",
            "description": "team member",
            "image": "http://localhost/img/1.png",
            "mobile_number": "XXXXXXXXXXXXXXX",
            "specialty": "Developer",
            "summary": "only for test"
        }, {
            "_id": "57694567b3ef5c678c5686c6",
            "name": "XXXXXXX",
            "description": "team member",
            "image": "http://localhost/img/1.png",
            "mobile_number": "XXXXXXXXXXXXXXX",
            "specialty": "Developer",
            "summary": "only for test"
        }]
    }

and here my code:

this.getProductReferences = function(productId){
var dfd = $q.defer();
$http.get('database.json').success(function(database) {
  var product = _.find(database.products, function(product){ return product._id == productId; });
  var references =product.references;

  dfd.resolve(references);
});
return dfd.promise;
};

I dont think that is possible, try itrating over the array - http://stackoverflow.com/questions/19590063/get-specific-json-object-by-id-from-json-array-in-angularjs — Itsik Mauyhas, Jun 22 '16 at 12:30
@PankajParkar actually the files content an array of products — Sideeq Youssef, Jun 22 '16 at 12:56
Why are you returning the database, and not the already found product? The search for the specific product _id should be done in the backend and only that product should be returned. And then you can access whatever property you want. — Ted, Jun 22 '16 at 13:13
@Ted it's POC and i don't have time so i didn't make an api because i don't have the time to learn ionic and how to link with backend API. Also my the problem with view , because i don't only have team members i have 3 more array and the data will show to the client if and only if the client click the tab — Sideeq Youssef, Jun 22 '16 at 13:19

jbrown · Accepted Answer · 2016-06-22T13:03:32.327

Here's a working plunk. Since $http is promise based you can remove the dfd promise and return it directly. Then handle the promise resolution from your calling func.

Controller

  var self = this;

  this.getProductReferences = function(productId) {
    return $http.get('database.json').success(function(database) {
      var product = _.find(database.products, function(product) {
        return product._id == productId;
      });
      return product.references;
    });
  };

  // this could be wrapped in a func that is called from your html
  this.getProductReferences("5769484bb3ef5c696c5686d0").then(function(result) {
    self.references = result.data.team_members;
  })

I chose to pass "5769484bb3ef5c696c5686d0" in as productId just for this example

score 0 · Answer 2 · answered Jun 22 '16 at 12:32

0

You can use $filter service.

var object = $filter('filter')(database, {'_id': '5769484bb3ef5c696c5686d0'});
console.log(object.team_members) // here is your team members array

answered Jun 22 '16 at 12:32

yogurt

380
1
10

filter works on array, not sure if database is an array – gaurav5430 Jun 22 '16 at 12:38
He wrote that the example is an object inside the file. So I thought there should be many objects in an array in this json file. – yogurt Jun 22 '16 at 12:43
in that case his own code should work as well (with some modifications maybe) – gaurav5430 Jun 22 '16 at 12:44

Sideeq Youssef · Answer 3 · 2016-06-22T13:32:15.463

0

Thanks all, it's working with me know, some one write the answer and then delete and i don't know why but i try before and it's work..

  this.getProductReferences = function(productId) {
   return $http.get('database.json').success(function(database) {
     var product = _.find(database.products, function(product) {
       return product._id == productId;
     });
     return product.team_members;
   });
 };

 this.getProductReferences(productId).then(function(references) {
  $scope.references = references.data.team_members;
 });

edited Jun 22 '16 at 13:32

answered Jun 22 '16 at 13:23

Sideeq Youssef

903
2
10
24

I had deleted it since I needed to make a change but couldn't get to it right away. I've undeleted it now. – jbrown Jun 22 '16 at 13:41

AngularJS: return an array inside Object

3 Answers3