gpt4 book ai didi

javascript - 在 AngularJS 中使用 ng-jsoneditor 的 JSON 奇怪 View

转载 作者:可可西里 更新时间:2023-11-01 13:45:41 26 4
gpt4 key购买 nike

我正在使用 ng-jsoneditor 在 AngularJS 应用程序中显示和格式化 JSON 数据。正在关注thisthis文章。

HTML:

<div ng-jsoneditor="onLoad" 
ng-model="vm.obj.data"
options="vm.obj.options"
style="width: 400px; height: 300px;">
</div>

JS:

vm.json = {
"Array": [1, 2, 3],
"Boolean": true,
"Null": null,
"Number": 123,
"Object": {
"a": "b",
"c": "d"
},
"String": "Hello World"
};
vm.obj = {
data: vm.json,
options: {
mode: 'tree'
}
};
$scope.onLoad = function (instance) {
instance.expandAll();
};

输出看起来像这样(损坏):

enter image description here

最佳答案

您确实忘记了将 CSS 文件包含到您的元素中。这fiddle demo包括 CSS 文件。

<link rel="stylesheet" href="//cdn.rawgit.com/josdejong/jsoneditor/master/dist/jsoneditor.min.css">

关于javascript - 在 AngularJS 中使用 ng-jsoneditor 的 JSON 奇怪 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44020821/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com