ng-repeat 嵌套和 KeyValuePair 列表

Question

我的模型中有一个对象属性定义如下

List<KeyValuePair<DTO_AWTR, string>> AWTR_DRAWING

DTO_AWTR 是这样定义的另一个对象：

public partial class DTO_AWTR
{
    public string ITEM_NUMBER { get; set; }
    public string PLANT { get; set; }
    public string PLANT_EMAIL { get; set; }
}

在我看来，我想迭代抛出列表中的所有元素，但有问题。我看到行数但字段为空。

<table>
    <tr ng-repeat="draw in dataItem.AWTR_DRAWING">
        <td ng-repeat="(key, value2) in draw"></td>
        <td>{{ key.PLANT }}</td>               
    </tr>
</table>

你对这个问题有什么建议吗？

Answer 1

你在这里提到的结构 List<KeyValuePair<DTO_AWTR, string>> AWTR_DRAWING 序列化为

[{key : {ITEM_NUMBER : "", PLANT : "", PLANT_EMAIL:""}, value : ""}, ...]

所以你应该使用 ng-repeat 记住这个结构。

<table>
    <tr ng-repeat="draw in dataItem.AWTR_DRAWING">
        <!--this will contain {key : {object structure}, value : ""} -->
        <td ng-repeat="(key, value2) in draw.key" ng-bind="key"></td>
        <!--this will contains key = "ITEM_NUMBER|PLANT|PLANT_EMAIL"-->              
    </tr>
</table>

**注意 - 根据您可能使用的 js 序列化程序，很可能是 newtonsoft json。对象键可能是驼峰式

Answer 2

试试这个：

<table>
    <tr ng-repeat="draw in dataItem.AWTR_DRAWING">
        <td>{{ draw.key.PLANT }}</td>               
    </tr>
</table>

ng-repeat 嵌套和 KeyValuePair 列表

ng-repeat nested and List of KeyValuePair

c#

asp.net-mvc

angularjs

keyvaluepair

ng-repeat