在html表中以角度显示json对象

在HTML表中以角度显示JSON对象可以通过以下步骤实现：

首先，将JSON对象转换为JavaScript对象。可以使用JSON.parse()方法将JSON字符串转换为JavaScript对象。
创建一个HTML表格，并定义表头。表头可以包含JSON对象的属性名称。
遍历JavaScript对象的属性，将属性名称作为表格的列标题。
遍历JavaScript对象的属性值，将属性值作为表格的单元格内容。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>JSON对象以角度显示</title>
  <style>
    table {
      border-collapse: collapse;
    }
    th, td {
      border: 1px solid black;
      padding: 8px;
    }
  </style>
</head>
<body>
  <table>
    <thead>
      <tr>
        <th>属性</th>
        <th>值</th>
      </tr>
    </thead>
    <tbody id="table-body">
    </tbody>
  </table>

  <script>
    var json = '{"name": "John", "age": 30, "city": "New York"}';
    var obj = JSON.parse(json);
    var tableBody = document.getElementById("table-body");

    for (var prop in obj) {
      var row = document.createElement("tr");
      var propCell = document.createElement("td");
      var valueCell = document.createElement("td");

      propCell.textContent = prop;
      valueCell.textContent = obj[prop];

      row.appendChild(propCell);
      row.appendChild(valueCell);
      tableBody.appendChild(row);
    }
  </script>
</body>
</html>

在上述示例中，我们首先将JSON字符串转换为JavaScript对象。然后，使用JavaScript动态创建HTML表格，并遍历JavaScript对象的属性，将属性名称和属性值分别添加到表格的列中。最后，将表格添加到HTML页面中。

这样，JSON对象就以角度显示在HTML表中了。你可以根据需要修改表格的样式和布局。