<div ng-app> <div ng-controller='SampleCtrl'> ng-bind multi line text sample <textarea ng-model="multiLineText" placeholder="Input multi line text here."></textarea> default <div class="box" ng-bind="multiLineText"></div> white-space: pre-line; <div class="box pre-line" ng-bind="multiLineText"></div> </div> </div>
.box { border: 1px solid red; width: 200px; min-height: 100px; margin: 5px 0 20px; word-break: break-all; } .pre-line { white-space: pre-line; } textarea { width: 300px; height: 60px; margin-bottom: 20px; display: block; }
function SampleCtrl($scope) { $scope.multiLineText = 'super sample text\nsuper sample text\n\naaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'; }