Angularjs get sub array id

Question

can someone help me this? I want to get the person id from the project, and bind it to a link to view more details of the person, but it doesn't look like a multidimensional array to me, any idea?

Angular js:

    var projects = [
    {
        id: 1, projectName: 'Economy', year: '2015', projectdescription: 'A cool economy project',
        persons: [
            { person: '1', personId:'1', firstname:'John', lastname:'Snow', description: 'John is an economist', expertise: 'Math' }
        ]
    }

Html:

<a href="#/projectpersons/{{projects.person.id}}" class="cardBody btn-link">View More</a>

Thanks in advance.

check my ans it should be the answer according to ur given json — Ashish Ratan
– Ashish Ratan, Commented Jul 12, 2015 at 7:31
you need ng-repeat to create your links. please look the code from @AshishRatan — Joao Polo
– Joao Polo, Commented Jul 12, 2015 at 22:36

JB Nizet · Accepted Answer · 2015-07-12 08:54:15Z

3

You really need to learn about basic JavaScript stuff:

[a, b, c] (note the square brackets) is an array. You access to the element at index i, starting at 0, using array[i]
{name: 'Joe', age: 23} (note the curly brackets) is an object. You access to a property of this object using object.name or object['name'].

So what you have there is an array of projects. Each project is an object with a persons property, holding an array or persons. Each person is an object with a personId property.

So, to access the id of the first person of the first project, you would use

projects[0].persons[0].personId

To access the ID of the second person of the third project, you would use

projects[2].persons[1].personId

edited Jul 12, 2015 at 8:54

answered Jul 12, 2015 at 7:34

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

1 Comment

A7bert Over a year ago

Sorry, bad coder here. Looks like need a loop to bind each link to each person. Thanks.

Ashish Ratan · Accepted Answer · 2015-07-12 07:30:45Z

2

<div ng-repeat='pr in projects'>
<div ng-repeat='p in pr.persons'>
{{p.person}}

<a href='#/ur/detail({pId:p.person})'>More detail</a>
</div>

</div>

answered Jul 12, 2015 at 7:30

Ashish Ratan

2,8641 gold badge26 silver badges51 bronze badges

Comments

Sandeep · Accepted Answer · 2015-07-12 08:30:24Z

0

Angular js:

`var projects = [
{
    id: 1, projectName: 'Economy', year: '2015', projectdescription: 'A cool economy project',
    persons: [
        { person: '1', personId:'1', firstname:'John', lastname:'Snow', description: 'John is an economist', expertise: 'Math' }
    ]
}`

html:

`<a href="#/projectpersons/{{projects[0].person[0].personId}}" class="cardBody btn-link">View More</a>`

answered Jul 12, 2015 at 8:30

Sandeep

1,4791 gold badge13 silver badges27 bronze badges

Collectives™ on Stack Overflow

Angularjs get sub array id

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related