Question

这可能已经被问了很多次，所以原谅我再问一次。

我需要将Json字符串的内容显示为格式化的HTML片段。它纯粹是一个只读视图，Json也会有所不同。

我已经看到那里的模块处理基于Json模式的表单生成，但在我的情况下没有模式。

有什么人可以推荐吗？

Answer 1

如果您正在寻找使用快速谷歌搜索的库，请找到此内容。 www.json2html.com

我不确定您是否尝试使用预先存在或从头开始的json数据，因为您没有提供示例，但如果您从头开始，这可能是一个很好的工具来设计。

Answer 2

这可能太有限了，但是如果您只是在寻找json的漂亮打印视图，JSON.stringify支持开箱即用。我使用这个自定义过滤器：

.filter('pretty', function () {
    return function (json) {
        return JSON.stringify(json, undefined, 2);
    };
})

<pre ng-bind="myData | pretty"></pre>

Answer 3

在一般意义上，我没有遇到任何独立的事情......我的方法是“滚动我自己的”可以说和构建以满足我的需求：

$.each(retrievedStatusData, function(i, val){
    $('ul').append('<li class="gamer-list-item">' + val.gamertagis + '</li>');
    $('li').eq(i).prepend('<img src="' + val.gamercard.gamerpicSmallImagePath + '" class="gamer-pic">');
});

...这会产生一个带有gamertag / name的无序列表，以及我正在使用的JSON数据源中每个对象的小缩略图照片。

现在我有时候，在鸟瞰视图中检查JSON结构时，有时会在JSON上进行循环，并对每个显示2列表中所有JSON数据的键循环使用排序a，左边的键和价值在右边。但这对我想的简单JSON数据才真正有用。

将JSON内容转换为HTML

3 个答案: