JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<div ng-app="app" ng-controller="MainCtrl" class="list-group">
    <div class="list-group-item" ng-repeat="item in messages">
    	<h4 class="list-group-item-heading">{{item.name}}</h4>
		<p class="list-group-item-text">{{item.desc}}</p>
    <div>
</div>

JavaScript

var myApp = angular.module('app', []);

myApp.controller('MainCtrl', ['$scope', function ($scope) {
    var messages = JSON.stringify([{
        "name": "Msg1",
        "desc": "desc Msg1"
    }, {
        "name": "Msg2",
        "desc": "desc Msg2"
    }, {
        "name": "Msg3",
        "desc": "desc Msg3"
    }, {
        "name": "Msg4",
        "desc": "desc Msg4"
    }]);
    $scope.messages = JSON.parse(messages);
}]);