角度显示数据

时间:2015-04-06 16:37:32

标签: angularjs angularjs-ng-repeat

我有一个带有下拉元素的表单。 select中的选项值是另一个表中的ID。当我单击“保存/添加”时,我将数据保存到服务器,然后将数据添加到表单下的动态表中。

在表格中,我想显示相应的名称,如下拉列表元素,但我只有保存的ID。显示名称的最佳方法或常用做法是什么?

示例:

下拉:

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

使用ng-repeat显示表:

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

2 个答案:

答案 0 :(得分:0)

假设您发送一个GET请求,结果如下:

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

并将其分配给 $ scope.Schools ,您应该能够像这样使用它:

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

答案 1 :(得分:0)

我刚刚创建了一个阵列“school_names = [1:杰克逊中学,2:圣托马斯高中,3:杰克逊高中]”,在表格中我只是做了一个数组查找{{school_names [school]] }}