How can I access object dynamically in angularjs?

Question

I am trying to access the object dynamically based on the ng-click.I will have lot's of form with button like this.

HTML

<button type="button" id="news" ng-click="home.addnew()">Update</button>
<button type="button" id="allocation" ng-click="home.addnew()">Update</button>
<button type="button" id="create" ng-click="home.addnew()">Update</button>

My Object

"home": {
    "news": [{
        "type": "cd",
        "title": "title1",
    }],
    "allocation": [{
        "type": "cd",
        "title": "title2",
    }],
        "create": [{
        "type": "cd",
        "title": "title3",
    }]
    .......etc
}

Angularjs Controller

$scope.home.addnew = function(){
    var type = $(event.target).attr("id");
       $scope.home.news.title; // Here how can I access that "news","allocation","create" Dynamically
       $scope.home.type.title // I have tried like this 
}

I am getting error

Cannot read property 'title ' of undefined

Is $scope.home assigned the above json object?

Arathi Sreekumar
– Arathi Sreekumar

2016-08-23 14:04:53 +00:00
Commented Aug 23, 2016 at 14:04 — Arathi Sreekumar
– Arathi Sreekumar, Commented Aug 23, 2016 at 14:04

krutkowski86 · Accepted Answer · 2016-08-23 14:05:49Z

4

Your trying to access object property instead of array.

It should look like this

$scope.home.addnew = function(){
    var type = $(event.target).attr("id");
    $scope.home[type][0].title; 
}

answered Aug 23, 2016 at 14:05

krutkowski86

1,0839 silver badges16 bronze badges

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

Comments

Gaurav Parashar · Accepted Answer · 2016-08-23 14:13:31Z

0

You may use brackets for array

 var dynamicType ='news'; 
                var obj ={"home": {
                "news": [{
                "type": "cd",
                "title": "title1",
                }],
                "allocation": [{
                "type": "cd",
                "title": "title2",
                }],
                "create": [{
                "type": "cd",
                "title": "title3",
                }]
            }};
    console.log(obj.home[dynamicType][0].title);

answered Aug 23, 2016 at 14:13

Gaurav Parashar

12611 bronze badges

Comments

Jimmy George Thomas · Accepted Answer · 2016-08-23 14:19:03Z

0

Are you sure that you have attached home to $scope as one of the user already commented. $scope.home needs to exist before you start working on it.

edited Aug 23, 2016 at 14:19

answered Aug 23, 2016 at 14:13

Jimmy George Thomas

1444 bronze badges

Collectives™ on Stack Overflow

How can I access object dynamically in angularjs?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related