Json 請求文本格式不正確

Question

我正在使用 angularjs 制作我的第一個 Web 應用程序。

我正在從服務器檢索數據作為 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-repeat 來顯示文本：

<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;

        });

我嘗試更改內容類型並使用它但沒有更改

文本格式不正確，它顯示如下：

Answer 1

您想呈現 html。 為此，您需要 angular sanatize 庫。

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

並將您的 html 更新為

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

詳情請參考 - https://docs.angularjs.org/api/ng/directive/ngBindHtml