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

angular.module('app')
    .controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
        
       var messages = [{"name":"Msg1","desc":"desc Msg1"},{"name":"Msg2","desc":"desc Msg2"},{"name":"Msg3","desc":"desc Msg3"},{"name":"Msg4","desc":"desc Msg4"}];
        
        getFromServer();
        function getFromServer(){
          $http.get('/messages')
               .success(function(res){
                   $scope.messages = res;
                   console.log(res);
               });
        }
}]);