我有以下列表:HTML文本離子列表
<ion-list>
<ion-item ng-repeat="item in productlistitems">
{{ item.name }}!
</ion-item>
</ion-list>
item.name是HTML標籤,但它們顯示爲純文本。
我該如何實現HTML代碼「執行」?
我有以下列表:HTML文本離子列表
<ion-list>
<ion-item ng-repeat="item in productlistitems">
{{ item.name }}!
</ion-item>
</ion-list>
item.name是HTML標籤,但它們顯示爲純文本。
我該如何實現HTML代碼「執行」?
爲了渲染HTML,這樣使用「NG綁定 - HTML」指令:
<div ng-bind-html="item.name"></div>
在你的控制器,你需要使用$sce服務這樣的「信任」的數據:
$scope.item.name = $sce.trustAsHtml("your HTML here");
但我使用ng-repeat並且不能爲每個項目設置此項?還是我現在愚蠢..我在app.js中設置這樣的項目:$ scope.productlistitems = currentProducts; – errorcode
我提供給$ sce服務的鏈接有一個使用ng-repeat的示例。我會盡快編輯我的答案。 –
如果您顯示您要渲染的HTML看起來像什麼,我可以給你一個更好的答案。 –
檢查你的控制檯,你有一個錯誤,它停止處理頁面(最有可能) – shaunhusain
控制檯沒有錯誤。 – errorcode
以下答案很可能是正確的我忽略了關於它是HTML的部分。相信如果它只是一個字符串文字,那麼$ sce不是必需的,但是如果HTML來自服務或其他不是$文字需要$ sce。 – shaunhusain