ポリマーの特定の順番でデータを表示

Question

私のポリマーdomでは、各データオブジェクトtodoは複数のitemを持ち、todo.idxも持っています。私はitemをそのtodo.idxに従って注文したいと思います。ポリマーでどうすればいいですか？

polymer documentには、sortという機能が記載されていますが、ここでは例が見つかりませんでした。私の現在のコードは以下の通りです。

<ol>                  
     <template is="dom-repeat" items="{{todos}}" as="todo">   
     <li><span> {{todo.item}} </span> </li>    
     </template>                
    </ol>     

Answer 1

あなたはsort属性を使用して、ポリマー中のアイテムを並べ替えることができ、あなたのケースでは、あなたが与えられたTODOの項目についてdom-repeatに並べ替えることができますので、ネストされたテンプレートを使用するとよいでしょう：

<template is="dom-repeat" items="{{todos}}" as="todo"> 
    <template is="dom-repeat" items="{{todo.items}}" as="item" sort="_sortItems"> 
    <li><span>{{item}}</span></li> 
    </template> 
</template> 

あなたはArray.prototype.sort()と同じ方法で_sortItems関数を定義することができます。Array.prototype.sort()：

_sortItems: function(a, b) { 
    if (a.idx < b.idx) { return -1; } 
    if (a.idx > b.idx) { return 1; } 
    return 0; 
}