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;