Question

请展示代码（理想情况下，正常运行的JSbin），以展示dom-repeat元素中sort属性的正确使用。 See documentation

https://www.polymer-project.org/1.0/docs/devguide/templates.html#filtering-and-sorting-lists

<template is="dom-repeat" sort="_sortItems">
...
</template>
...
_sortItems: function() {
  // What function goes here?       
}

另外，see this Stack Overflow question and answer了解有关我如何使用它的详细信息。

Answer 1

Example with Plunker

<dom-module id="my-element">
    <template>
      <template is="dom-repeat" items={{numbers}} sort="_mySort">
        <div>[[item.num]]</div>
      </template>
    </template>
    <script>
      Polymer({
        is: "my-element",
        ready: function() {
          this.numbers = [{
            num: 1
          }, {
            num: 3
          }, {
            num: 2
          }, ];
        },
        _mySort: function(item1, item2) {
          return item1.num > item2.num;
        }
      });
    </script>
  </dom-module>

Answer 2

使用标准排序函数表示法（即a，b变量和-减法运算符而不是不等式（例如<和{{ 1}}）。

Plunker

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

Polymer 1.x：dom-repeat中使用的排序示例

2 个答案: