Twitter Bootstrap Typeahead按JSON的值排序

时间:2013-05-31 03:37:39

标签: json twitter-bootstrap angularjs

我需要根据从服务器检索到的JSON值显示结果。

示例Json:

[{
    "keyword"   :    "Google Plus",
    "value"     :    10
},{
    "keyword"   :    "Google",
    "value"     :    3
}]

默认情况下,Bootstrap执行此操作:

Textbox:Goog

建议:

1- Google

2- Google Plus

但是我需要首先提出“Google Plus”,因为它具有更高的价值。

如果重要的话,我正在使用Angular.js。

1 个答案:

答案 0 :(得分:0)

是的,角度很重要!

如果您使用角度,则可以根据值进行排序,如this example中所示。

如果您希望反向(降序),请参阅orderBy Angular API

所以在你的控制器中,你应该放置负号(见下文):

$scope.orderProp = '-value';

和/或者如果你更喜欢在你的html中使用它(如果你使用的是“li”),你应该提到逆转降级。

<ul class="items">
  <li ng-repeat="item in items| filter:query | orderBy:value:reverse">
    {{item.keyword}}
  </li>
</ul>