JSFiddle - React, Tailwind, and code Playground

HTML

<div class="chat-msg-block" ng-repeat="message in messages">
  <img class="chat-ava" ng-src={{message.avatar}} alt="">
  <div class="chat-msg">
    <div class="chat-nick">{{message.username}}</div>
    <div class="chat-text">{{message.value}}</div>
  </div>
</div>

JavaScript

socket.on('incomingMessage', function(data){
		var obj = new Object();
		obj.avatar   = data.avatar;
		obj.username = data.username;
		obj.value    = data.value;
    console.log(obj.value); // выводит с переносами
		$scope.messages.push(obj);
    scrollChat();
  });