0

次のjsonから出力を生成するために使用できるテンプレートを探しています。

外側のループのテンプレートを探して (ヘッダー (午前 7 時から午後 1 時 45 分までのセッションなど) を表示する必要があります)、ネストされたリストからも値を取得してから、内側のループに進みます。内側のループですが、外側のループをどのように処理するか疑問に思っています。

{  
   "Sessions from 7:00 am to 1:45 pm":[  
      {  
         "id":24,
         "name":"Breakfast",
         "group_header":"Sessions from 7:00 am to 1:45 pm"
      },
      {  
         "id":25,
         "name":"Opening Address",
         "group_header":"Sessions from 7:00 am to 1:45 pm"
      },
      {  
         "id":26,
         "name":"Auto Finance p",
         "group_header":"Sessions from 7:00 am to 1:45 pm"
      },
      {  
         "id":27,
         "name":"25 Years of Democratizing Access to Credit",
         "group_header":"Sessions from 7:00 am to 1:45 pm"
      },
      {  
         "id":28,
         "name":"Key Steps to Better Credit Line Management",
         "group_header":"Sessions from 7:00 am to 1:45 pm"
      },
      {  
         "id":29,
         "group_header":"Sessions from 7:00 am to 1:45 pm"
      },
   ]
},
{  
   "Sessions from 8:00 am to 1:30 pm":[  
      {  
         "id":66,
         "name":"General Session",
         "group_header":"Sessions from 8:00 am to 1:30 pm"
      },
      {  
         "id":67,
         "name":"Addressing Attrition: ",
         "group_header":"Sessions from 8:00 am to 1:30 pm"
      },
      {  
         "id":68,
         "name":"Regulatory Olympics: Why Conduct Risk Matters - Panel Discussion",
         "group_header":"Sessions from 8:00 am to 1:30 pm"
      }
   ]
}
<ul class="table-view">
        <li class="table-view-cell" ng-repeat="session in sessions">
            <ul class="cell">
                <li class="cell-content">
                    <div class="session" ng-class-odd="'odd'" ng-class-even="'even'">
                        <span class="name">{{session.name}}</span>
                    </div>
                </li>
            </ul>
        </li>
    </ul>

4

2 に答える 2

0

これは、あなたの望むことですか ？？

    <ul class="table-view">
            <li class="table-view-cell" ng-repeat="(key, value) in sessions">
              <div ng-repeat="(k, v) in value">
              {{k}}
                  <ul class="cell">
                      <li class="cell-content">
                          <div class="session" ng-repeat="val in v" ng-class-odd="'odd'" ng-class-even="'even'">
                              <span class="name">{{val.name}}</span>
                          </div>
                      </li>
                  </ul>
              </div>
            </li>
        </ul>

出力はここで見ることができます

于 2014-11-10T05:08:42.957 に答える
0

以下の plunkr コードを参照できます。これがあなたの要件であることを願っています。何かまだ不足している場合はお知らせください。できる限りお手伝いさせていただきます。

http://plnkr.co/edit/TmS3ufeC8S98LtJgOyve?p=preview

<div ng-repeat="(heading,session) in sessions">
  <h3>{{heading}}</h3>
  <div ng-repeat="val in session">
    <span>{{val.name}}</span>
  </div>
</div>
于 2014-11-10T06:10:08.233 に答える