我正在使用Angular CLI v13.3.6和Node v16.12.0,当我使用innerHTML属性时出现问题。
我正在使用Angular CLI v13.3.6和Node v16.12.0。在 typescript 文件中,我有一个带有如下有序列表的变量:
第一个月
我需要在一个禁用的div中显示这个文本,所以这是我在html文件中使用的代码:<div id="myId" class="myClass" [innerHTML]="myText" disabled></div>
结果是显示了文本,但没有显示数字。当我使用无序列表时,也出现了同样的问题。我该怎么办?
2条答案
按热度按时间moiiocjp1#
出于安全原因,Angular编译器不接受任何字符串作为HTML注入。您可以通过使用DOMSanitizer“信任”字符串并将其解析为有效的HTML来绕过这一点。
您必须导入DomSanitizer并将其注入到yopur构造函数中,如下所示:
然后使用DomSanitizer来信任你的字符串,将其解析为HTML。你可以这样使用:
xpszyzbs2#
这与清理html无关。这是CSS问题。
因此,为了避免覆盖CSS。您可以尝试:
ng new
。这样就不涉及第三方CSSIncognito/Anonymous
模式下打开应用,这将有助于防止任何浏览器扩展干扰您的应用