2015-06-15 110 views
1

我正在使用angularjs來創建我的第一個Web應用程序。Json請求文本格式不正確

我正在從服務器作爲JSON對象來檢索數據,並且我試圖在HTML頁面中顯示。 JSON的客體是這樣的:

{ 
"title":"news1", 
"description":"La fédération du <strong>Malawi<\/strong> n’a pas trop attendu pour remercier le sélectionneur <strong>Young Chimodzi<\/strong> après la défaite à domicile face au <strong>Zimbabwe.<\/strong>\ <br\/>\ <br\/>Le technicien local a été placé en congés jusqu’à la fin de son contrat qui expire à la fin de juillet prochain. La raison est simple, la défaite surprise face au Zimbabwe 1-2 lors de la première journée de la phase éliminatoire de la Coupe d’Afrique des nations Orange 2017.\ <br\/>\ <br\/>L’instance du pays a annoncé qu’un successeur à <strong>Young Chimodzi<\/strong> sera nommé le 1er aout prochain. Alors que l’intérim sera assuré par <strong>Ernest Mtawali.<\/strong>\" 

} 

我用一個簡單的NG-重複到dislay文本:

<div ng-rpeat="n in news"> 
<p>{{n.description}}</p> 
</div> 

我用一個簡單的JSON請求:

$http.get("http://www.server/news", {headers: { 
     'Content-Type': 'application/json' 
    }, }) 
     .success(function (response) { 

      $scope.news = response; 

     }); 

我試圖改變內容類型,並與它一起玩,但沒有變化

文字沒有很好地形成它是這樣顯示的:

enter image description here

回答

1

你想呈現html。爲此,你需要角度sanatize庫。

在您的html中添加angular-sanatize.js,並在您的模塊中添加ngSanatize的依賴項。

和更新您的HTML

<p ng-bind-html="n.description"></p> 

有關詳細信息,請參閱 - https://docs.angularjs.org/api/ng/directive/ngBindHtml

+0

太謝謝你了!它的作品,我會在幾分鐘內接受你的答案 –

+0

很高興知道。我也在說同樣的事情。 – nikhil