【问题标题】:orderBy in angularjs in ng-repeatng-repeat 中的 angularjs 中的 orderBy
【发布时间】:2016-05-13 07:23:34
【问题描述】:

我不明白为什么它不起作用你知道为什么orderBy'-nbtickets' 不起作用吗?

  <ul ng-repeat="item in customarray | orderBy:'-nbtickets' track by $index">
    <li ui-sref="app.usersingle({id:item[0].id,iterate:1})" class="row organization">
      <div class="col-md-2 classement text-center">{{$index+1}}</div>
      <div class="name col-md-4 text-center">{{item[0].username}}</div>
      <div class="col-md-2 total text-center">{{item[0].nbtickets}}</div>
      <div class="col-md-2 maintenance text-center">{{item[0].tickmaintenance}}</div>
      <div class="col-md-2 assistance text-center">{{item[0].tickassistance}}</div>
    </li>
  </ul>

在我的控制器中,我只是这样做:

$scope.customarray = data;

这里的数组我通过执行 {{item}} 来显示它(解析我的数组,它非常大)

[
  {"username":"Eugenie Martin","tickassistance":4,"tickbug":0,"tickmaintenance":3,"nbtickets":7,"id":660302971,"tickets":[{"date":"2015-09-29T07:12:14Z","titre":"Changement date de clôture dossier Barbe Alain","status":"closed","tag":"maintenance"},
  {"date":"2015-09-04T09:45:20Z","titre":"43325- NH DISTRIBUTION","status":"closed","tag":"assistance"},
  {"date":"2015-08-20T06:18:04Z","titre":"TR: EURL NH DISTRIBUTION vous a envoyé un message depuis sa plateforme","status":"closed","tag":"assistance"},{"date":"2015-02-25T16:00:46Z","titre":"Votre demande au support sans suite","status":"closed","tag":"assistance"},
  {"date":"2015-01-12T06:48:35Z","titre":"Bonjour,\n\nle cabinet AUFICOM aura un stand lors du...","status":"closed","tag":"assistance"},
  {"date":"2014-12-18T09:48:38Z","titre":"ISACOMPTA","status":"closed","tag":"maintenance"},{"date":"2014-12-15T14:08:08Z","titre":"changement date de clôture","status":"closed","tag":"maintenance"}],
  "monthly":[{"now11":0,"assist":0,"maint":0},
  {"now10":0,"assist":0,"maint":0},
  {"now9":1,"assist":1,"maint":0},
  {"now8":2,"assist":1,"maint":1},
  {"now7":0,"assist":0,"maint":0},
  {"now6":0,"assist":0,"maint":0},
  {"now5":0,"assist":0,"maint":0},
  {"now4":0,"assist":0,"maint":0},
  {"now3":0,"assist":0,"maint":0},
  {"now2":0,"assist":0,"maint":0},
  {"now1":0,"assist":0,"maint":0},
  {"now":0,"assist":0,"maint":0}]},
  [{"date":"2015-09-29T07:12:14Z","titre":"Changement date de clôture dossier Barbe Alain","status":"closed","tag":"maintenance","id":660302971,"name":"Eugenie Martin"},
  {"date":"2015-09-04T09:45:20Z","titre":"43325- NH DISTRIBUTION","status":"closed","tag":"assistance","id":660302971,"name":"Eugenie Martin"},
  {"date":"2015-08-20T06:18:04Z","titre":"TR: EURL NH DISTRIBUTION vous a envoyé un message depuis sa plateforme","status":"closed","tag":"assistance","id":660302971,"name":"Eugenie Martin"},
  {"date":"2015-02-25T16:00:46Z","titre":"Votre demande au support sans suite","status":"closed","tag":"assistance","id":660302971,"name":"Eugenie Martin"},
  {"date":"2015-01-12T06:48:35Z","titre":"Bonjour,\n\nle cabinet AUFICOM aura un stand lors du...","status":"closed","tag":"assistance","id":660302971,"name":"Eugenie Martin"},
  {"date":"2014-12-18T09:48:38Z","titre":"ISACOMPTA","status":"closed","tag":"maintenance","id":660302971,"name":"Eugenie Martin"},
  {"date":"2014-12-15T14:08:08Z","titre":"changement date de clôture","status":"closed","tag":"maintenance","id":660302971,"name":"Eugenie Martin"}]
];

【问题讨论】:

  • 显示你的控制器代码
  • @Stark Buttowski 你想要 JSON 数组还是控制器代码?
  • 如果两者都可以,很容易得到解决方案
  • 您还应该定义“不工作”。但是看到这段代码,nbtickets 似乎是 item[0] 的属性,而不是 item 的属性。
  • @JB Nizet 我怎么能用 item[0] 调用它?,当我说这不是我在控制台中没有错误但它不是 nbtickets oder 时跨度>

标签: angularjs angularjs-orderby


【解决方案1】:

你试过了吗?

<ul ng-repeat="item in customarray | orderBy:'nbtickets':true track by $index">

角度orderBy 有一个反向选项,即上面的:true 部分。

【讨论】:

  • 只要我这样做:orderBy:item[0].nbtickets:true
  • @cfz42 你的反向声明在哪里?
  • @thepio - 紧跟在 orderBy: 之后,相当于附加 :true。此外,reverse 选项不是 ng-repeat 特定的,而是orderBy 选项,也可以在 html 之外使用。此外,您提供的 sn-p 并没有解决问题,因为您是通过nbtickets 订购的,这显然没有达到操作的预期。抱歉,您基本上用不同的语法重写了这个问题。
【解决方案2】:

你试过orderBy:-item[0].nbtickets吗?

【讨论】:

  • 这个想法就在这里,因为它正在工作,但如果像我这样的顺序不是相反的:2,3,4,我想要 4,3,2 你有什么想法吗?
  • orderBy:item[0].nbtickets ?
猜你喜欢
  • 2017-01-12
  • 2016-05-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-17
  • 2017-12-22
  • 1970-01-01
  • 2014-07-18
相关资源
最近更新 更多