2016-06-22 115 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看起來像什麼,我可以給你一個更好的答案。 –