JSON使用AngularJS进行字符串化转换

Question

为什么我不能使用这样的东西？

<input type="text" ng-model="testVal">
<pre>{{JSON.stringify(testVal,null,4)}}</pre>

如果我删除了JSON.stringify（）方法，我的代码就可以了。

Answer 1

双括号语法{{something}}告诉angular在$scope对象中查找匹配项。

因此{{name}}与您控制器中设置的$scope.name匹配。

你可以在这里使用方法（我建议它保持你的视图文件干净），这将解决你的问题。

所以在控制器中：

$scope.stringify = function(value, replacer, space)
{
    return JSON.stringify(value,replacer,space);
}

...然后在你看来：

<pre>{{stringify(testVal,null,4)}}</pre>

Answer 2

您只需使用| json：

即可

 

{{ testVal | json }}

或将JSON添加到$scope：

$scope.JSON = JSON 

然后

<pre>{{ JSON.stringify(testVal) }}</pre>

作品

<强> http://plnkr.co/edit/PPXK36BbTslkK5FjfP4x?p=preview

Answer 3

您只需在控制器中分配功能：

$scope.stringify = JSON.stringify;