2015年4月28日火曜日

AngularJSで、並べ替え(orderBy)

AngularJSで、並べ替え(orderBy)です。検索に加えて、並べ替えもできるようになりました。

<select ng-model="orderProp">
  <option value="name">名前順▲</option>
  <option value="-name">名前順▼</option>
  <option value="age">発売順▲</option>
  <option value="-age">発売順▼</option>
</select><p>

<ul class="phones">
  <li ng-repeat="phone in phones | filter:query | orderBy:orderProp">
    <span>{{phone.name}}</span>
    <p>{{phone.snippet}}</p>
  </li>
</ul>

実際に設定してみたサイトがこちら



参考サイト
orderBy(AngularJS)

0 件のコメント:

コメントを投稿