Javascript Angularjs将消息附加到div

我正在使用Angular和socket.io为我的应用程序创建聊天室，发送/接收消息工作正常，但我的问题是，如何将新消息附加到当前聊天室？我觉得将每条消息保存在

数组中，然后在所有
数组中使用
ng repeat
是错误的做法

在Angular中，如何将项目附加到div

var app = angular.module('ChatModule', []);
var socket = io("ws://localhost:3030");

app.controller('TextChat', function($scope){

    socket.on('Chat', function(msg){
        console.log(msg);
    });

    $scope.$send = function(){
        socket.emit('Chat', $scope.ChatMessage);
        $scope.ChatMessage = "";
    };
});

因此，在
socket.on
事件中，如何将消息附加到此div

<div class="col-lg-12" ng-model="Messages"></div>


我并不认为存储在数组中并使用
ng repeat
是错误的做法。自己在那个div上进行DOM操作或者仅仅附加到某个string上不是“有角度的方式”，为什么您认为在这里使用
ng repeat
是错误的方式？如果你看得更深一点，你会发现，
ng repeat
在接收任何消息时不会呈现所有数组，而只是添加到dom中新消息。我只是觉得数组会变得太大，并开始减缓页面的重建或其他方面。你可以在收到消息时对其进行修剪，假设它是一个聊天日志，你只会在X上显示出来。你可以考虑盎格鲁里的JQLITE选项不一定认为存储在一个数组中，并且使用<代码> NG重复> /Cord>是错误的方式。自己在那个div上进行DOM操作或者仅仅附加到某个string上不是“有角度的方式”，为什么您认为在这里使用
ng repeat
是错误的方式？如果你看得更深一点，你会发现，
ng repeat
在接收任何消息时不会呈现所有数组，而只是添加到dom中新消息。我只是觉得数组会变得太大，并开始减缓页面的重建或其他方面。你可以在收到消息时对其进行修剪，假设它是一个聊天日志，你只会显示到X？你可以考虑JQLITE选项的角度