Jquery HTML文本区域中的内联样式被忽略

我最近在JHipster开始了我的第一个项目，并创建了两个实体。 其中一个实体类似于博客。该博客有一个与textarea一起工作的内容属性。在我的

blogs.html

文件中，我启用了在我的文本区域中使用html标记，如下所示：

<div ng-bind-html="topic.content"></div>

这是没有问题的。我能够在我的文本区域中定义html标记，它们被解释为这样

但是问题是从设置新形成的属性的样式开始的。 具有内联样式的简单div：

<div style="font-size:100px"> Test</div>

测试

被解释为html，但该样式被跳过。 我还尝试使用ng风格：

 <div ng-style="font-size:100px"> Test</div>`

测试`

但这也不起作用。在我的样式可能被覆盖的情况下，我还尝试设置

！重要信息

标记未成功

对我来说，提供实际的代码有点困难，因为jhipster生成的实体是完全自主的。我无法确定某些脚本是否会覆盖我的样式或禁止使用整个样式标记。尽管如此，我还是拍了一些可能有助于理解问题的图片：

这是我的文本区，用户在其中进行输入

这是结果的外观，请注意“测试”文本应为彩色：

最后但并非最不重要的一点是，我尝试提供浏览器解析属性的方式：

---

我感谢你的帮助

我认为消毒剂正在剥离样式标签

在控制器中插入$sce服务，并将trustAsHtml函数映射到视图：

$scope.trustAsHtml = function(string) {
    return $sce.trustAsHtml(string);
};

然后你可以这样做：

<div ng-bind-html="trustAsHtml(topic.content)"></div>

---

这应该可以解决您的问题，但请注意，您的topic.content来自已验证的来源（而不是用户输入），或者您可能会受到注入攻击…

您是否尝试过“！important”测试可能会导致您的风格被覆盖。如果没有，你能给我提供样品吗？@user3249448我已经试过了。我忘了在我的问题中提到它。谢谢你能把这个问题重新编出来吗？您还可以在检查该div时发布开发工具的映像吗？这真的很有帮助，谢谢：）您是否尝试过通过“ng style”指令和对象符号来应用样式？例如，ng style=“{'font size'：'100px'}”@Vi不幸的是，这也不起作用