離子v2綁定html

我想在視圖文件中綁定一些文本和html數據，但該頁面在某些設備中無法打開。我試圖圍繞HTML與<div>標記，但仍然無法正常工作。我想知道有沒有在angular2或低於離子v2綁定html

<div [innerHTML]="html-variable-from-controller"></div>

離子2.

我添加了一些示例代碼$sce.trustashtml任何替代我試圖[inner-html]也仍然沒有運氣

任何幫助將是讚賞

來源

2016-07-28 Hussain

這是什麼意思「不在某些設備上打開」？它在哪些設備上工作，在哪些設備上沒有？ –

不要這樣做。爲什麼服務器向你發送HTML？如果您必須，請參閱http://stackoverflow.com/questions/31548311/angular-2-html-binding或http://stackoverflow.com/questions/33472297/how-to-translate-html-string-to-實HTML元素逐個納克換在棱角-2。 – 2016-07-28 14:52:49

它在三星和asus zenfone中工作，但不在redmi – Hussain

它也發生在我的應用程序。 innerHTML屬性是修剪音頻和iframe元素，在我的情況。

我得到它的工作通過如下首先創建該HTML元素的局部變量：

<p padding #post_content></p>

這裏#post_content創建post_content局部變量。

，然後通過參照在打字稿使用@ViewChild裝飾的特定元件如下：

@ViewChild('post_content') post_content;

和如下分配在打字稿的HTML：

this.post_content.nativeElement.innerHTML = this.htmlContent;

來源

2016-07-28 18:37:56

感謝您的幫助，但在我的情況下，#post_content變量將位於幻燈片的內部，並且可能有n個具有不同值的幻燈片。 – Hussain

@ user3660436你可以創建你的代碼的codepen/plunkr嗎？ –

使用代替DIV離子標記，例如：

<ion-content [innerHTML]="html-variable-from-controller"></ion-content>

來源

2017-09-17 11:11:43

離子v2綁定html

回答

相關問題