javascript - 嵌套键而不是数组中的 Angular 1.5 ng-repeat

Question

大家好，我是 Angular 的新手，我需要比我知识渊博的人提供一些反馈。我会详细解释我的问题。我必须创建一个表，在大多数情况下，我会使用 ng-repeat 循环遍历一组数据。然而这次我的数据结构有所不同，API 返回键而不是字符串，返回嵌套键而不是数组，最后一级确实包含一个数组。

数据

{ATLA:
  {NECBTEST2012:
     {FRMFM-HD:
        [{date:"2017-09-27", run_rate:23},
        {date:"2017-09-28", run_rate:23}]
         }
      }
    }

HTML

<table >
          <thead>
          <tr>
              <th> Market</th>
              <th> </th>
              <th>Average</th>
          </tr>
          <tr>
              <th ><form >
                  <input type="text" class="form-control"  placeholder="Filter market">
              </form></th>
              <th> </th>
              <th></th>
          </tr>
          </thead>
          <tbody>

          <tr ng-repeat-start="(key, value) in rc.runRate">
              <td>{{key}}</td>
              <td> </td>
              <td> </td>
          </tr>
          <tr ng-repeat-end class="slide-toggle-js">
              <td colspan="3" >
                  <div  class="toggle-me" >

                  <table>
                      <thead>
                      <tr >
                          <th>Syscode</th>
                          <th>Network</th>
                          <th>Date</th>
                          <th>Average</th>

                      </tr>
                      <tr>
                          <th>
                              <form>
                                  <input class="form-control"  placeholder="Filter Syscode">
                              </form>
                          </th>
                          <th>
                              <form>
                                  <input class="form-control"  placeholder="Filter Network">
                              </form>
                          </th>
                          <th></th>
                          <th></th>


                      </tr>
                      </thead>
                      <tbody ng-cloak>
                      <tr  ng-class-odd="'stripe-row-odd'" ng-class-even="'stripe-row-even'" ng-repeat="(key, value) in key">
                          <td>{{key}}</td>
                          <td></td>
                          <td></td>
                          <td> </td>

                      </tr>
                      </tbody>
                  </table>
                  </div>

期望的结果

在第一个 ng-repeat 中，我能够在表格行中显示第一个键 ATLA，但是，当我尝试遍历下一个键 FRMFM-HD 时，我无法显示。我想学习并成为一名更好的程序员，任何有更多知识的人和任何反馈都将不胜感激，谢谢!

Answer 1

第二个 ng-repeat 不应该在键上，实际上应该在数据持有者对象内部的键值上。

用 rc.runRate[key] 替换 key。

键 ==> 字符串

rc.runRate[key] ==> 对象

<tr  ng-class-odd="'stripe-row-odd'" ng-class-even="'stripe-row-even'" ng-repeat="(subkey, value) in rc.runRate[key]">
     <td>{{subkey}}</td>
     <td></td>
     <td></td>
     <td> </td>

</tr>