AngularJS不处理JSON参考

Question

我正在做一个小站点来管理食谱。 我有一个MVC Web API服务器端和一个js前端。

现在我的MVC Web API正在将JSON序列化为（清晰易读，谢谢chrome插件JSONView）

[
{
$id: "1",
Name: "Spaghetti",
CookTime: "00:30:00",
Servings: 2,
CategoryId: 1,
Category: {
$id: "2",
Name: "Pasta",
Recipes: [
{
$ref: "1"
},
{
$id: "3",
Name: "Recipe 2",
CookTime: "01:20:00",
Servings: 2,
CategoryId: 1,
Category: {
$ref: "2"
}
Id: 2
}
],
Id: 1
}
Id: 1
},
{
$ref: "3"
}
]

但是在我的页面上，我只获得列表中的第一个对象和空的第二个tr标记。 有没有一种方法可以使AngularJS理解$ ref参考？ 还是应该修改我的Web API配置？

config.Formatters.XmlFormatter.SupportedMediaTypes.Remove(
    config.Formatters.XmlFormatter.SupportedMediaTypes.FirstOrDefault(t => t.MediaType == "application/xml"));

var json = config.Formatters.JsonFormatter;
json.SerializerSettings.PreserveReferencesHandling = Newtonsoft.Json.PreserveReferencesHandling.Objects;
json.SerializerSettings.ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore;

config.Formatters.Remove(config.Formatters.XmlFormatter);

- 更新

上面的json是chrome扩展程序的漂亮表示。 以下是我从服务中获取的原始数据（并使用JSONLint格式化，表示它是有效的JSON）：

[
    {
        "$id": "1",
        "Name": "Spaghetti",
        "CookTime": "00:30:00",
        "Servings": 2,
        "CategoryId": 1,
        "Category": {
            "$id": "2",
            "Name": "Pasta",
            "Recipes": [
                {
                    "$ref": "1"
                },
                {
                    "$id": "3",
                    "Name": "Recipe 2",
                    "CookTime": "01:20:00",
                    "Servings": 2,
                    "CategoryId": 1,
                    "Category": {
                        "$ref": "2"
                    }
                    "Id": 2
                }
            ],
            "Id": 1
        }
        "Id": 1
    },
    {
        "$ref": "3"
    }
]

Answer 1

您的JSON无效，这意味着问题出在API方面。

Category: {
  $ref: "2"
}
Id: 2
...
  ],
  Id: 1
}
Id: 1

Id: 2和Id: 1之前必须有一个逗号才能成功解析。

Answer 2

api的家伙已经更新了他们的代码，因此现在不再发生循环。 解决了我的问题。

不管怎么说，还是要谢谢你！ :)