After

<div id="console" class="panel" ng-app ng-controller="ConsoleController">
    <div id="consoleWrap">
        <div id="history">

            <div class="consoleLine" ng-repeat="line in consoleLines">
                <span class="consoleID">{{line.username}}</span>
                <span class="consoleText">{{line.message}}</span>
                <span class="consoleTime">{{line.timestamp | date:'mediumTime'}}</span>
            </div>

        </div>
        <div id="consoleInputWrap">
            <form ng-submit="addConsoleMessage()">
                <input type=text id="consoleInput" ng-model="consoleInput">
            </form>
        </div>
    </div>
</div>


<script>
$username = "me";

function ConsoleController($scope)
{
    $scope.consoleLines = [ {username:'System', message:'Welcome', timestamp:new Date()} ];

    $scope.addConsoleMessage = function()
    {
        // Execute javascript on request
        if($scope.consoleInput.toLowerCase().indexOf("/js ") == 0)
        {
            eval($scope.consoleInput.substr(4));
        }

        $scope.consoleLines.push({username:$username, message:$scope.consoleInput, timestamp:new Date() });
        $scope.consoleInput = "";

        // A delay is needed before we can scroll to the bottom to allow Angular to update the DOM
        setTimeout($("#history").scrollTop($("#history").prop("scrollHeight")), 100);
    }
}
</script>