Question

我正在尝试使用json-formatter在其中一个视图中显示json。

在控制器中我正在使用通过rest API请求架构的服务。请求完成后，将结果分配给范围变量。以下代码段：

.controller('SchemaCtrl', ['$scope', '$routeParams', 'Schema','$log',    function($scope, $routeParams, Schema,$log){
    Schema.show($routeParams.name).then(function(schema){
        $scope.schema = schema;
        $scope.schemaShow = true;
    });

在视图中，我有下一个代码：

{{schema}}
<div>
    <json-formatter open="1" json="{{schema}}"></json-formatter>
</div>

在运行示例后不幸的是，我收到了下一个错误：

Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{schema}}] starting at [{schema}}].
{{schema}}

我知道问题是由json格式化程序引起的。指令在角度替换{{schema}}之前被解释为具有适当的值。如何使用json-formatter来通过范围变量传递值？

顺便说一下。当我使用硬编码的json值时，一切都运行良好。

Answer 1

json是json-formatter中的双向绑定，因此此处不需要插值标记{{}}

<div>
    <json-formatter open="1" json="schema"></json-formatter>
</div>

AngularJs json-formatter json属性作为范围变量

1 个答案: