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 - stackoverflow.com/questions/19590063/… — Itsik Mauyhas
– Itsik Mauyhas, Commented Jun 22, 2016 at 12:30
@PankajParkar actually the files content an array of products — Sideeq Youssef
– Sideeq Youssef, Commented Jun 22, 2016 at 12:56

jbrown · Accepted Answer · 2016-06-22 13:03:32Z

1

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

edited Jun 22, 2016 at 13:03

answered Jun 22, 2016 at 12:39

jbrown

3,0351 gold badge18 silver badges22 bronze badges

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

Comments

sonikyogurt · Accepted Answer · 2016-06-22 12:32:00Z

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, 2016 at 12:32

sonikyogurt

3801 silver badge10 bronze badges

3 Comments

gaurav5430 Over a year ago

filter works on array, not sure if database is an array

sonikyogurt Over a year ago

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.

gaurav5430 Over a year ago

in that case his own code should work as well (with some modifications maybe)

Sideeq Youssef · Accepted Answer · 2016-06-22 13:32:15Z

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, 2016 at 13:32

answered Jun 22, 2016 at 13:23

Sideeq Youssef

9152 gold badges10 silver badges24 bronze badges

1 Comment

jbrown Over a year ago

I had deleted it since I needed to make a change but couldn't get to it right away. I've undeleted it now.

Collectives™ on Stack Overflow

AngularJS: return an array inside Object

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related