在angularjs中读取Json

你好,

我喜欢这种风格。这就是我用来显示json对象的内容

  {
  "days": [
    {
      "day": "2018-11-25T00:00:00",
      "entries": [
        {
          "name": "D",
          "value": 1,
          "parts": [
            "EG"
          ]
        },
        {
          "name": "S",
          "value": 0,
          "parts": []
        },
        {
          "name": "J",
          "value": 2,
          "parts": []
        },
        {
          "name": "S",
          "value": 1,
          "parts": [
            "Lead"
          ]
        },
        {
          "name": "W",
          "value": 1,
          "parts": [
            "Melody"
          ]
        },
        {
          "name": "Jen C",
          "value": 1,
          "parts": [
            "Melody"
          ]
        },
        {
          "name": "T",
          "value": 2,
          "parts": []
        },
        {
          "name": "B",
          "value": 2,
          "parts": []
        },
        {
          "name": "B",
          "value": 1,
          "parts": [
            "Melody"
          ]
        },
        {
          "name": "R",
          "value": 0,
          "parts": []
        },
        {
          "name": "B",
          "value": 1,
          "parts": [
            "AG"
          ]
        },
        {
          "name": "S",
          "value": 0,
          "parts": []
        },
        {
          "name": "N",
          "value": 2,
          "parts": []
        },
        {
          "name": "J",
          "value": 2,
          "parts": []
        },
        {
          "name": "S",
          "value": 1,
          "parts": [
            "2nd"
          ]
        }
      ]
    }

{x.day}
{x.name}
{x.parts}

---

但这似乎不起作用。它给了我一个错误，并且根本不绑定表中的任何数据。我甚至试着看“观察窗口”，但我不知道如何显示表中的所有内容。任何帮助都将不胜感激。我用angularjs做这件事。谢谢

请尝试下面的代码片段

var myApp=angular.module（'myApp'，[]）；
函数MyCtrl（$scope）{
$scope.schedule={
“天”：[
{
“日期”：“2018-11-25T00:00:00”，
“条目”：[
{
“名称”：“D”，
“价值”：1，
“部分”：[
“例如”
]
},
{
“名称”：“S”，
“值”：0，
“部分”：[]
},
{
“姓名”：“J”，
“价值”：2，
“部分”：[]
},
{
“名称”：“S”，
“价值”：1，
“部分”：[
“领先”
]
},
{
“名称”：“W”，
“价值”：1，
“部分”：[
“旋律”
]
},
{
“姓名”：“Jen C”，
“价值”：1，
“部分”：[
“旋律”
]
},
{
“名称”：“T”，
“价值”：2，
“部分”：[]
},
{
“名称”：“B”，
“价值”：2，
“部分”：[]
},
{
“名称”：“B”，
“价值”：1，
“部分”：[
“旋律”
]
},
{
“名称”：“R”，
“值”：0，
“部分”：[]
},
{
“名称”：“B”，
“价值”：1，
“部分”：[
“AG”
]
},
{
“名称”：“S”，
“值”：0，
“部分”：[]
},
{
“名称”：“N”，
“价值”：2，
“部分”：[]
},
{
“姓名”：“J”，
“价值”：2，
“部分”：[]
},
{
“名称”：“S”，
“价值”：1，
“部分”：[
“第二”
]
}
]
}
]
};
}

{{x.day}
{{item.name}
{{itm}}

错误在绑定中。您需要使用双卷曲标记绑定，如{{x.day}、{{x.name}等。

---

有关详细信息，请参阅链接。

看起来不是有效的JSON字符串。发布实际的JSON也不是控制台字符串。@ShivKumarBaghel更新了json@Bishal更新JSon使其更具意义。我们应该解释什么是不同的，以及为什么它解决了OP的问题。“试试这个”是没有意义的，因此人们必须嗅出并尝试比较differences@ShivKumar Baghel非常感谢你，这很有效。我想我的问题是我不知道如何获取一个内部数组并尝试使其成为ng repeat。这真的很有帮助。我唯一感到困惑的是“{itm}}”，为什么我们使用item.parts而不是schedule.parts？谢谢你，这是一个很好的错误。我确实忘记了放置{{}（正确绑定），我没有做的是获取json的内部数组。我不知道如何查找内部数组。谢谢哦，好的。这里有一个链接，有助于理解如何读取/访问json对象：希望有帮助！谢谢你，这很有帮助。我试图学习如何读取angularjs中的嵌套数组。那会帮我的谢谢

<table class="table">
  <thead>
    <tr>
      <th ng-repeat=" x in schedule" scope="col">{x.day}</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <th ng-repeat=" x in schedule" scope="row">{x.name}</th>
      <td>{x.parts}</td>
    </tr>
  </tbody>
</table>