Angular：textarea中的JSON过滤器会产生很多斜杠

Question

我有一个问题，我有一个需要通过textarea编辑的对象。 该对象通过ng-model与textarea绑定。因为它是JSON，所以将它解析为一个漂亮的样式是很方便的，所以我使用了json过滤器内置到Angular。但是这会在textarea中呈现带有大量反斜杠的JSON。他们似乎应该在一个有线路的地方。

textarea与div中的渲染输出：

我希望在textarea中渲染JSON与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相同的方式获得textarea格式？

Answer 1

只需删除angular.toJson()，因为该值已经是json格式！