JSON使用AngularJS进行即时转换

Question

为什么我不能使用类似的东西？

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

如果我删除了JSON.stringify（）方法，我的代码工作得很好。

Answer 1

你可以只需使用| json：

{{ testVal | json }}

或添加JSON到$scope：

$scope.JSON = JSON 

然后

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

工作

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

Answer 2

双括号语法{{something}}通知角度在$scope对象中查找匹配项。

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

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

所以在控制器：

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

...然后在您的视图：

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

Answer 3

你可以只分配功能的控制器：

$scope.stringify = JSON.stringify;