angular4：innerHTML不显示＆＃34; text-align：center＆＃34;

Question

我在Angular4项目中使用Froala编辑器 我想在另一个<p>标签中显示用户在编辑器中写的内容 绑定工作完全正常：
在 my-component.html ：

中

<div [froalaEditor] [(froalaModel)]="froalaContent">Hello, Froala!</div>
<br>
<!-- here I display the editor content -->
{{froalaContent}} 
<br>
<!-- and here I convert the variable into html view -->
<p [innerHTML]="froalaContent"></p>

这样显示结果：
但正如您所看到的，标记<p>包含一个css属性text-align:center;，但在文字中，文字未居中，这就是我在ChromeDevTools中找到的内容：

没有text-align: center;属性!!
有人可以解释这种行为吗？并提前完成。

Answer 1

我不确定，但这可能对你有所帮助...... 解决方法是使用这个：   text-align：-moz-center; 代替   text-align：center;

Answer 2

您应该使用DomSanitizer告诉Angular将样式集保存在用户输入中是安全的