相关疑难解决方法(0)

我正在尝试将页面添加到我的列表中.我按照AngularJS教程,一个关于智能手机的教程,我试图只显示一定数量的对象.这是我的html文件:

  <div class='container-fluid'>
    <div class='row-fluid'>
        <div class='span2'>
            Search: <input ng-model='searchBar'>
            Sort by: 
            <select ng-model='orderProp'>
                <option value='name'>Alphabetical</option>
                <option value='age'>Newest</option>
            </select>
            You selected the phones to be ordered by: {{orderProp}}
        </div>

        <div class='span10'>
          <select ng-model='limit'>
            <option value='5'>Show 5 per page</option>
            <option value='10'>Show 10 per page</option>
            <option value='15'>Show 15 per page</option>
            <option value='20'>Show 20 per page</option>
          </select>
          <ul class='phones'>
            <li class='thumbnail' ng-repeat='phone in phones | filter:searchBar | orderBy:orderProp | limitTo:limit'>
                <a href='#/phones/{{phone.id}}' class='thumb'><img ng-src='{{phone.imageUrl}}'></a>
                <a href='#/phones/{{phone.id}}'>{{phone.name}}</a>
                <p>{{phone.snippet}}</p>
            </li>
          </ul>
        </div>
    </div>
  </div>

我添加了一个带有一些值的select标签,以限制将要显示的项目数.我现在想要的是添加分页以显示下一个5,10等. …

脚本

可以说我是一家拥有众多商店的大公司的老板.根据我在公司内部的角色(组织中的位置),我将拥有不同的数据访问权限.将有不同的模块,对于这个具体问题,有一个访问权限的用户可以通过每日成本和销售.(如果那是合法的......不关心,这只是一个例子.)

因此,用户通过BackEnd(Java应用程序)中的REST API获取所有数据,其中包含用户可访问的所有商店的所有数据.然后,用户应该能够通过不同的过滤器组合过滤数据.与我的问题最相关的是日期间隔天数.

会有一些图表显示不同级别的数据,下面会有一个表区域,我想要多级表,因此我的问题.

到目前为止已完成

1. 我首先创建了手风琴组级别的手风琴,然后是手风琴组内的表格中的下一级数据.(目前只有硬编码数据.)这里的问题是相应的标题是一个字符串,经过一些讨论后我们认为这不是一个好的解决方案,因为标题将包含在表格中的部分数据单独的列.因此,难以"标题化"标题数据以在折叠时水平地匹配不同的"商店"(在手风琴标题之间)(并且当一个或多个手风琴被扩展时当然甚至更麻烦).
2. 我用table和ng-repeat替换了手风琴.已经成功填充了第一个表级别,其中包含来自具有JSON数据的图形化API以及i18next用于标题的数据.

JSON

{ 
"metadata":{
    "storesInTotal":"25",
    "storesInRepresentation":"2"
},
"storedata":[
    { 
        "store" : {
            "storeId" : "1000",
            "storeName" : "Store 1",
            "storePhone" : "+46 31 1234567",
            "storeAddress": "Some street 1",
            "storeCity" : "Gothenburg"
        },
        "data" : {
            "startDate" : "2013-07-01",
            "endDate" : "2013-07-02",
            "costTotal" : "100000",
            "salesTotal" : "150000",
            "revenueTotal" : "50000",
            "averageEmployees" : "3.5",
            "averageEmployeesHours" : "26.5",
            "dayData" : [
                { 
                    "date" : "2013-07-01",
                    "cost" : "25000",
                    "sales" : "15000",
                    "revenue" : "4000",
                    "employees" …