使用ng-prettyjson的Json编辑模式

时间:2015-01-28 15:26:34

标签: javascript json angularjs

我想在页面的一部分打印json。更有甚者,我想提供编辑显示的json的可能性。我为这些任务选择了ng-prettyprint

我执行how-to-use-it部分中描述的所有步骤。不幸的是,只有可视化功能才能正常运行。在渲染页面上,我没有看到启用编辑模式的按钮,但json可以正确显示。

我的代码片段

指令用法:

<pretty-json json="schema" edition="true"></pretty-json>

内部控制器我为json设置值:

 $scope.schema = {
                   type: "record",
                   name: "test",
                   fields: [{
                      name: "test_field",
                      type: [
                        "double",
                         "null"
                      ]
                 }]};

包含ng-prettyjson来源的index.html的一部分

    <head>
    ...
          <link rel="stylesheet" href="bower_components//ng-prettyjson/src/ng-prettyjson.css" />
    ...
    </head>
     ...
        <script src="bower_components/ng-prettyjson/src/ace.js"></script>
        <script src="bower_components/ng-prettyjson/src/ng-prettyjson.js"></script>
    ...

问题出在哪里?

1 个答案:

答案 0 :(得分:0)

在(当前)最新发布的版本(可用于bowerng-prettyprint(0.1.3)中,负责生成按钮的指令代码的定义被评论