离子 v2 绑定 html答案

【问题标题】：Ionic v2 bind html离子 v2 绑定 html
【发布时间】：2017-09-17 19:11:43
【问题描述】：

我正在尝试在视图文件中绑定一些文本和 html 数据，但该页面在某些设备中无法打开。我试图用<div> 标签包围html，但仍然无法正常工作。我想知道在 angular2 或 ionic 2 中是否有 $sce.trustashtml 的替代品。

我在下面添加了示例代码

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

我试过[inner-html] 还是不行

任何帮助将不胜感激

【问题讨论】：

“无法在某些设备中打开”是什么意思？在哪些设备上有效，在哪些设备上无效？
不要这样做。为什么服务器向您发送 HTML？如果必须，请参阅 stackoverflow.com/questions/31548311/angular-2-html-binding 或 stackoverflow.com/questions/33472297/…。
它在三星和华硕zenfone中工作，但在redmi中没有
@torazaburo 有时服务器需要发送 HTML 数据。例如，Wordpress JSON API 返回帖子内容的 HTML 数据。

【解决方案1】：

我的应用也发生了这种情况。在我的例子中，innerHTML 属性正在修剪音频和 iframe 元素。

我首先为该 HTML 元素创建了一个局部变量，如下所示：

<p padding #post_content></p>

这里#post_content 创建了一个post_content 局部变量。

然后在 TypeScript 中使用 @ViewChild Decorator 引用特定元素，如下所示：

@ViewChild('post_content') post_content;

并在 TypeScript 中分配 HTML 如下：

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

【讨论】：

【解决方案2】：

使用离子标签代替 div，实例：

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

【讨论】：