Aurelia Value Converters

Table of Contents

• Summary
• Download
• Sort
• Group
• DateFormat
• Setup

Summary

A package full of common value converters used across my projects

Download

npm install aurelia-value-converters

main.js

import 'bootstrap';

export function configure(aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging()
    .plugin('aurelia-value-converters');

  aurelia.start().then(() => aurelia.setRoot());
}

Sort

Dependencies (lodash.topath)

sort by a property named requested

  <!-- Ascending order -->
  <div repeat.for="r of requests | sort:'requested'"></div>

  <!-- Descending order -->
  <div repeat.for="r of requests | sort:'requested':'desc'"></div>

  <!-- sort by a nested property within the bar property -->
  <div repeat.for="r of requests | sort:'bar.requested'"></div>

Group

Dependencies (lodash.topath)

group by a property named requested (nested properties supported too)

  <div repeat.for="grp of requests | group:'dateGroup'">
    <span class="text-muted">Name of the group: ${grp.group}</span>

    <!-- The group values as an array -->
    <div repeat.for="val of grp.values"></div>

  </div>

DateFormat

Dependencies

moment date formats are supported

  <span>${date | dateFormat: format || 'MM/DD/YYYY'}</span>

Setup

  git clone https://github.com/jmzagorski/aurelia-value-converters.git
  cd aurelia-value-converters
  npm i
  node_modules/.bin/jspm install
  // do work
  node_modules/.bin/jspm test