JSFiddle - React, Tailwind, and code Playground
HTML
<html xmlns:ng="http://angularjs.org" ng-app lang="en">
<head>
<meta charset="utf-8">
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.no-icons.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/2.0/css/font-awesome.css" rel="stylesheet">
<script src="http://code.angularjs.org/1.1.0/angular.min.js"></script>
</head>
<body>
<div ng-controller="ctrlRead">
<pre>{{items|json}}</pre>
<div>
<div id="footer">
<div class="navbar navbar-inner navbar-fixed-bottom">
<p class="muted credit">
<center>ver 1.0.1</center>
</p>
</div>
</div>
</body>
</html>
JavaScript
function ctrlRead($scope, $filter) {
$scope.items = [{
"id": "1",
"name": "name 1",
"description": "description 1",
"field3": "field3 1",
"field4": "field4 1",
"field5 ": "field5 1"
},{
"id": "8",
"name": "name 8",
"description": "description 1",
"field3": "field3 8",
"field4": "field4 8",
"field5 ": "field5 8"
}, {
"id": "9",
"name": "name 9",
"description": "description 1",
"field3": "field3 9",
"field4": "field4 9",
"field5 ": "field5 9"
}, {
"id": "10",
"name": "name 10",
"description": "description 1",
"field3": "field3 10",
"field4": "field4 10",
"field5 ": "field5 10"
}, {
"id": "19",
"name": "name 19",
"description": "description 1",
"field3": "field3 19",
"field4": "field4 19",
"field5 ": "field5 19"
}, {
"id": "20",
"name": "name 20",
"description": "description 1",
"field3": "field3 20",
"field4": "field4 20",
"field5 ": "field5 20"
}];
};
ctrlRead.$inject = ['$scope', '$filter'];