Javascript 需要在ng repeat AngularJs中显示更深的项目

从服务器获取对象。像这样：

"courses": [
      {
        "id": 1,
        "name": "piano",


        "classes": [
          {
            "id": 1,
            "name": "piano1",

          },
          {
            "id": 2,
            "name": "piano2",

          }
        ],
        "classes_count": 2,
        "feedbacks_count": 4
      },
]

JS：在这里，我将数据传输到范围

httpService.getService(url, data).then(function(res) {
    $scope.datas = res.body.courses;
    console.log($scope.datas);
})

我需要在ng repeat中打印类id。试着这样做

<ul  class="dropdown-list" style="display: none;">
    <li ng-repeat="course in datas | filter:{'id': showprofile}:true ">{{course.classes.id}}</li>
</ul>

{{{course.classes.id}

---

但当我打印{{course.classes}}并得到一个包含2个对象的数组时，这是可行的。如何在“li”元素course.classes.id中显示？

您需要为嵌套元素添加另一个循环

<ul  class="dropdown-list" style="display: none;">
   <li ng-repeat="course in datas" ng-if='$first'> {{course.id}}</li>//
      <ul ng-if="course.classes.length">
         <li ng-repeat="classes in course">     {{course.classes.id}}</li>
      </ul>
 </ul>

{{course.id}
//

{{course.classes.id}

您需要为嵌套元素添加另一个循环

<ul  class="dropdown-list" style="display: none;">
   <li ng-repeat="course in datas" ng-if='$first'> {{course.id}}</li>//
      <ul ng-if="course.classes.length">
         <li ng-repeat="classes in course">     {{course.classes.id}}</li>
      </ul>
 </ul>

{{course.id}
//

{{course.classes.id}

数组中有数组，所以有2次ng重复：第一次迭代课程，第二次迭代课程

<ul ng-repeat="course in datas" class="dropdown-list" style="display: none;">
     <li ng-repeat="class in course.classes">{{class.id}}</li>
</ul>

{{class.id}

数组中有数组，所以有2次ng重复：第一次迭代课程，第二次迭代课程

<ul ng-repeat="course in datas" class="dropdown-list" style="display: none;">
     <li ng-repeat="class in course.classes">{{class.id}}</li>
</ul>

{{class.id}

您可以更改

ng repeat

。像

ng repeat=“datas.course中的类| filter:{'id'：showprofile}:true”

然后使用

{{classes.id}}

。你现在得到了什么？@Nitheesh不工作你可以更改你的

ng repeat

。像

ng repeat=“classes in datas.course | filter:{id'：showprofile}:true”

然后使用

{classes.id}}

。你现在得到了什么？@Nitheesh不工作Get empty li element Get empty li element Get empty li element

{course.id}

只显示课程主题。如果你需要显示课程Id和班级Id，你需要这个。我还添加了检查类。若类存在，则只执行第二个ng repeat。如何添加我的筛选器？我想只显示第一个课程的课程你想只显示第一个记录并隐藏所有其他的吗？获取空的li元素

{{course.id}

只显示课程主题。如果你需要显示课程Id和班级Id，你需要这个。我还添加了检查类。若类存在，则只执行第二个ng repeat。如何添加我的筛选器？我想只显示第一道课的课你想只显示第一道课的课而隐藏其他的课吗？