angularjs codemerrorにjsonオブジェクトを表示

Question

私はjsonオブジェクトを持っていて、それをcodemirrorで表示するには、anglejs codemirrorを使用していますが、エラーはui-codemirror cannot use an object or an array as a modelです。次に、JSON.stringifyを使用してオブジェクトを文字列に変換しようとしましたが、文字列はcodemirrorでうまくフォーマットされません。誰でも私のコードをcodemirrorでうまくフォーマットされた形にする方法を見つけ出すのを助けることができますか？ おかげ

EX：

//inside javascript 

    $scope.code = { 
     "name": "user1", 
     "id": "34", 
     "value": [3, 5, 4] 
    }; 

    $scope.editorOptions = { 
      lineWrapping : true, 
      lineNumbers: true, 
      mode: 'application/json', 
     }; 

//inside html 
<ui-codemirror ui-codemirror-opts="editorOptions" ng-model="code"></ui-codemirror> 

これは、このためにエラーを返し：私はJSON.stringify($scope.code)に変更した場合、UI-codemirrorモデル

としてオブジェクトまたは配列を使用することができない、このようなコードミラーディスプレイ：

{ "名前"： "USER1"、 "ID"： "34"、 "値"：[3,5,4]}

しかし、私はそれがこのように表示したい：

{

 "name": "user1", 
     "id": "34", 
     "value": [3, 5, 4] 
    } 

任意のヘルプ？ おかげ

Answer 1

あなたはインデントを指定することができます。

$scope.codeView = JSON.stringify($scope.code, null, 4); 

Live example