2014-02-28 44 views
1

我想風格的JSON消息到所需的樣式。AngularJS如何風格的JSON消息

所需的JSON消息的風格看起來像:

[ 
{ 
「question」: 「Write down Nhat’s email」, 
    「answer」: 「[email protected]」, 
    「inline」: true 
}, 
{ 
<% NEXT QUESTION/ANSWER %> 
}, 
{ 
<%…%> 
} 
] 

,目前我的JSON消息是這樣的:

[{ 「問題」: 「問題」, 「注意」: 「」,」 notePlaceholder「:」輸入文本「,」inlineChecked「:false},{」Question「:」Question「,」Note「:」「,」notePlaceholder「:」enter text ...「,」inlineChecked「:」「} ]

對此有何看法?

This is the link of my code

+1

您是否試圖將換行符添加到UI中的JSON顯示中? – JeffryHouser

+0

@ Reboog711是的,正確的 – Justin

回答

1

你可以在pre標籤使用對象的json過濾器。

<pre>{{json | json}}</pre> 

Plunk

關於你的問題,你可以在json添加$watchCollection,並在處理程序遍歷的項目,並刪除你不想要的屬性。

$scope.$watchCollection('json', function(values) { 
     angular.forEach(values, function(item) { 
     delete item.notePlaceholder; 
     }); 
    }); 

注意,你只是從$scope.items傳遞一個參考$scope.json,所以如果你修改的話,會修改其他。如果您不想要,請使用angular.copy來製作單獨的副本。我也更新了這個龐然大物。

+0

太棒了!非常感謝! – Justin

+0

順便說一句,我應該如何刪除一個項目,如json消息中的「notePlacehoder」? – Justin

+0

您可以在該項目上添加一塊手錶,因此當它發生更改時,您可以調用'delete $ scope.json.notePlaceholder'或類似 – HackedByChinese