Textarea loosing linebreaks bound with ng-model

Question

I've a textarea which gives the user to add comments.

<li ng-repeat="assesment in items">
    <textarea type="text" ng-model="assesment.currentComment" class="form-control input-sm" ng-enter="addComment(assesment)" ng-blur="setNewCommentEdit(true)" placeholder="Comment..." style="resize:vertical" />
</li>

Now when the user edits the text saves and reload the page all linebreaks are gone. The linebreaks are stored correctly in the database What am I doing wrong ?

I also tried to wrap the textarea in a <pre> tag like desribed here but that did not help

Can you explain more as to why you say `they're gone`? Do you mean they don't show up again in the textarea, or when you display them? — Esteban Felix, Jul 08 '14 at 18:38
Yeah sorry i wasn't exact there. they aren't just showing up. i'll attach a screenshot — Boas Enkler, Jul 08 '14 at 18:39

score 0 · Answer 1 · answered Jul 08 '14 at 17:53

<li ng-repeat="assesment in items">
<textarea type="text" ng-model="assesment.currentComment" class="form-control input-sm" ng-enter="addComment(assesment)" ng-blur="setNewCommentEdit(true)" placeholder="Comment..." style="resize:vertical">   <pre>{{assesment.currentComment}}</pre>   </textarea>

I hope it'd work.

Textarea loosing linebreaks bound with ng-model

1 Answers1