JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://angularlight.org/bin/alight_0.8.last.min.js"></script>
<div al-app="main">
<ul>
<li al-repeat="row in os | tolist track by row.key">{{row.key}} = {{row.value}}</li>
</ul>
</div>
JavaScript
function main(scope) {
scope.os = {
base: 'linux',
name: 'ubuntu',
version: '14.04',
kind: 'LTS'
}
};
alight.filters.tolist = function() {
return function(obj) {
var r = [];
for(var k in obj) {
if (obj.hasOwnProperty(k)) {
r.push({key: k, value: obj[k]});
}
}
return r;
}
};