Question

我在其他帖子中看到这个问题的答案有所不同，但目标看起来有所不同，除了一些解决方案我还没有得到它。一旦你点击它的标题，我需要的是只显示一个项目。例如：

JSON文件：

[
    {
    "section": "Certifications",
    "courses": [
      {
        "title": "Certificate 1",
        "code": "SIT10213",
        "requisite": false,
        "cost": "110",
        "duration": "5h"
      },{
        "title": "Certificate 2",
        "code": "YYX",
        "requisite": "Course X",
        "cost": "150",
        "duration": "172 hours"
      },{
        "title": "Certificate 3",
        "code": "XXY",
        "requisite": "Course Y",
        "cost": "210",
        "duration": "1 day"
      }
    ]
  },{
    "section": "Qualifications",
    "courses": [
      {
        "title": "Bar Operations",
        "code": "SXW",
        "requisite": false,
        "cost": "120",
        "duration": "97–107 hours in total"
       },
       {
        "title": "RSA",
        "code": "YZX",
        "requisite": false,
        "cost": "100",
        "duration": "97–107 hours in total"
       }
    ]
  }
]

在HTML中，我试图做的是：

该应用列出了每个部分/类别的链接;
＆＃34;全部显示＆＃34;应该简单地列出所有这些（我还没有对这个进行过工作）
您点击该部分，它会列出其下的可用课程。（到目前为止，我设法让它正常运行。）
用户点击课程标题，并显示该特定课程的详细信息。
（这里是嵌套数组欺骗我的地方。是否存在courseArray.section [parentIndex] .course [$ index] .title？）

这是一个Plnkr版本 - 已启动但从未修复过： http://plnkr.co/edit/JRIyQLuRfVslVjr5fFSY?p=preview

对此非常感激。最好的，San

Answer 1

好的，不确定这是否是最好的方法，但它能满足我的需要。当您单击课程链接时，我已将课程代码作为参数添加到ngClick功能中。当使用ng-repeat获取课程时，我使用“filter：courseCode”来仅显示与上面发送的代码匹配的一门课程。希望能帮助别人。干杯

AngularJS - 如何从嵌套数组中获取单个元素？

1 个答案: