2017-01-19 2 views
1

У меня есть объект json и вы хотите отображать его на codemirror с помощью codymjs codemirror, но он получил сообщение об ошибке ui-codemirror cannot use an object or an array as a model. Затем я попытался преобразовать объект в строку, используя JSON.stringify, строка не форматирует красиво в codemirror. Кто-нибудь может помочь мне разобраться, как сделать мой код в отформатированном виде в codemirror? БлагодаряПоказать объект json в angularjs codemirror

например:

//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> 

возвращает ошибку для этого: щ-CodeMirror не может использовать объект или массив в качестве модели

если я изменяю JSON.stringify($scope.code), код зеркального отображения, как это :

{ "имя": "user1", "идентификатор": "34", "значение": [3,5,4]}

Однако, я хочу его показать, как это:

{

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

Любая помощь? Благодаря

+0

'JSON.stringify ($ scope.code, NULL, '\ т')'? – Searching

ответ

2

Вы можете задать отступы:

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

Live example

+0

большое спасибо! он отлично работает – RLe

Смежные вопросы