2016-06-22 40 views
1

我有以下列表:HTML文本离子列表

<ion-list> 
    <ion-item ng-repeat="item in productlistitems"> 
     {{ item.name }}! 
    </ion-item> 
</ion-list> 

item.name是HTML标签,但它们显示为纯文本。

我该如何实现HTML代码“执行”?

+0

检查你的控制台,你有一个错误,它停止处理页面(最有可能) – shaunhusain

+0

控制台没有错误。 – errorcode

+0

以下答案很可能是正确的我忽略了关于它是HTML的部分。相信如果它只是一个字符串文字,那么$ sce不是必需的,但是如果HTML来自服务或其他不是$文字需要$ sce。 – shaunhusain

回答

2

为了渲染HTML,这样使用“NG绑定 - HTML”指令:

<div ng-bind-html="item.name"></div> 

在你的控制器,你需要使用$sce服务这样的“信任”的数据:

$scope.item.name = $sce.trustAsHtml("your HTML here"); 
+0

但我使用ng-repeat并且不能为每个项目设置此项?还是我现在愚蠢..我在app.js中设置这样的项目:$ scope.productlistitems = currentProducts; – errorcode

+0

我提供给$ sce服务的链接有一个使用ng-repeat的示例。我会尽快编辑我的答案。 –

+0

如果您显示您要渲染的HTML看起来像什么,我可以给你一个更好的答案。 –