Угловой: фильтр JSON в textarea производит много косых черт

Question

У меня проблема, у меня есть объект, который должен быть доступен для редактирования через текстовое поле. Объект привязан через ng-model с текстовым полем. Потому что это JSON, это удобно для того, чтобы он разбирался до хорошего стиля, поэтому я использовал json filter build to to Angular. Но это делает JSON в текстовом поле с большим количеством обратных косых черт. Кажется, они находятся там, где должна быть линия.

Визуализированное выход в текстовое поле против в DIV:

Я хотел бы, JSON быть renderd в текстовое поле так же, как в DIV.

HTML:

<div id="sectionB" class="tab-pane fade"> 
    <textarea id="formState" ng-model="textAreaState"></textarea> 
    <pre>{{textAreaState | json}}</pre> 
</div> 

Контроллер:

$scope.$watch 'formState', ((val) -> 
    $scope.textAreaState = $filter('json')(angular.toJson(angular.copy ($builder.formState))) 
    return 
), true 

Так что мой вопрос: Как я могу получить текстовое поле форматируется точно так же, как DIV?

Answer 1

Просто удалите angular.toJson(), потому что значение уже находится в json-формате!