JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div data-ng-controller="dashboard_controller">
<div class="catalogs_listing">
<div>
{{arr | plucker:'code'}}
</div>
</div>
</div>
JavaScript
angular.module('myApp', [])
.filter('plucker', function () {
return function (input, key) {
input = input || [];
var values = [];
for (var i = 0; i < input.length; i++) {
values.push(input[i][key]);
}
return values.join(',');
};
})
.controller("dashboard_controller", function ($scope) {
$scope.arr = [{"code":"Acute care","subTagId":1,"subTagCode":"Clinical","description":"","id":2},{"code":"Wellness","subTagId":1,"subTagCode":"Clinical","description":"","id":3}];
})
;