我使用angularjs制作我的第一个网络应用程序。
我将服务器中的数据作为JSON对象进行检索,并且我试图在HTML页面中显示。 json objet看起来像:
{
"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;
});
我尝试更改内容类型并使用它但没有更改
文字没有很好地形成,它显示如下:
答案 0 :(得分:1)
您想要渲染html。为此,你需要角度sanatize库。
在你的html中添加angular-sanatize.js,并在你的模块中添加ngSanatize的依赖项。
并将您的HTML更新为
<p ng-bind-html="n.description"></p>
有关详细信息,请参阅 - https://docs.angularjs.org/api/ng/directive/ngBindHtml