Как использовать вложенный ng-repeat

Мне нужна помощь для вложенного ng-repeat. У меня есть следующий код, который не является вложенным. В настоящее время он сначала печатает весь предмет, а затем печатает все имена учеников.Как использовать вложенный ng-repeat

Однако мне нужно печатать студентов по каждому предмету. Как я могу преобразовать его во вложенный ng-repeat?

<tr> 
    <td>Student</td> 
    <td width="100px" ng-repeat="subject in subjects" colspan="3">{{subject.Name}} 
</td> 
</tr> 

<tr> 
<th width="296"></th> 
    <th class="rotate-45" ng-repeat="student in studentNames"> 
     <div> 
      <span>{{student}}</span> 
     </div> 
    </th> 
</tr>

источник

2015-06-08 immirza

Как выглядят ваши данные? – Peter

Мы хотим видеть ваш формат данных JSON и формат отображения –

См. [«Если вопросы включают« теги »в их названиях?»] (Http://meta.stackexchange.com/questions/19190/should-questions-include- теги в своих названиях), где консенсус «нет, они не должны»! –

Вот пример для вложенных ng-repeat. это может быть полезно для you.happy кодирования

<body ng-app="WeeklyApp" ng-controller="WeeklyController" > 
     <div ng-repeat="week in myData"> 
      <div ng-repeat="day in week.days"> 
       {{day.dow}} - {{day.templateDay}} 
       <b>Jobs:</b><br/> 
       <ul> 
       <li ng-repeat="job in day.jobs"> 
        {{job.name}} 
       </li> 
       </ul> 
      </div> 
     </div> 
    </body> 

    <script> 
    var WeeklyApp = angular.module('WeeklyApp', []); 

    WeeklyApp.controller('WeeklyController', ['$scope', function ($scope) { 
     $scope.myData = [{ 
       "number" : "2013-W45", 
       "days" : [{ 
         "dow" : "1", 
         "templateDay" : "Monday", 
         "jobs" : [{ 
           "name" : "Wakeup", 
           "jobs" : [{ 
             "name" : "prepare breakfast", 

            } 
           ] 
          }, { 
           "name" : "work 9-5", 

          } 
         ] 
        }, { 
         "dow" : "2", 
         "templateDay" : "Tuesday", 
         "jobs" : [{ 
           "name" : "Wakeup", 
           "jobs" : [{ 
             "name" : "prepare breakfast", 

            } 
           ] 
          } 
         ] 
        } 
       ] 
      } 
     ]; 

    }]); 
    </script>

источник

2015-06-08 07:01:03 Sujithrao

Как использовать вложенный ng-repeat

ответ

Смежные вопросы