Angular Display Data

Question

I have a form with a dropdown element. The value of the options in the select are IDs from another table. When I click save/add, I save the data to the server, and I add the data to a dynamic table under the form.

In the table I want to display the corresponding name, as in the dropdown element, but I only have the ID which was saved. What is the best method or common practices to display the name?

Example:

Dropdown:

1: Jackson Middle School
2: St Thomas High School
3: Jackson High School

Display table using ng-repeat:

{{school}} *Displays 1,2,3 not 'Jackson Middle School'

We will need to see more of your code to help you, but i suspect that you will need to modify your ng-repeat statement. — DrCord
– DrCord, Commented Apr 6, 2015 at 16:39

Jack · Accepted Answer · 2015-04-06 17:10:40Z

0

Assuming you send a GET request with the following result:

[
    {
        "Id":1,
        "Name":"Jackson Middle School"
    },
    {
        "Id":2,
        "Name":"St Thomas High School"
    },
    {
        "Id":3,
        "Name":"Jackson High School"
    }
]

and you assign this to $scope.Schools, you should be able to use it like this:

<li ng-repeat="school in Schools">{{ school.Name }}</li>

answered Apr 6, 2015 at 17:10

Jack

2,7812 gold badges26 silver badges33 bronze badges

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

Comments

Ryan H · Accepted Answer · 2015-04-06 18:01:48Z

0

I just created an array "school_names = [1: Jackson Middle School, 2: St Thomas High School, 3: Jackson High School]" and in the table i just did an array look up {{school_names[school]]}}

answered Apr 6, 2015 at 18:01

Ryan H

5471 gold badge6 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular Display Data

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related