我需要定义一个 css 样式，比如 <special> </special> ,
special {
color: #000000;
background: #ffff00;
}
并在 innerHTML 中使用它。 然而，在 Angular 上似乎并不容易，因为它有 sanitizer 方法。 我尝试通过以下方式使用它，
result = this.sanitizer.bypassSecurityTrustHtml(result.trim());
虽然我的 <special> 现在控制台中的错误不再出现仍然无法正常工作。
还有，用string做字数统计时，result.length将只包含 <special>Hi</special> 的所有字符，不只是 Hi .
如何使用我的 <special>样式并计算显示的真实字符？谢谢。
顺便说一句，我也尝试使用 css 类，但它也不起作用...
.special {
color: #000000;
background: #ffff00;
}
连同
<div class="special"> Hi </div>
在 innerHTML 的字符串中。
<div class="special"> Hi </div>不使用 innerHTML 时工作完美，
在 Chrome 开发者工具中显示为
<div _ngcontent-c4 class="special">Hi</div>
知道什么_ngcontent-c4是吗？
最佳答案
这是一种使用类来设置 special 元素样式的方法。
.special {
display: inline;
color: orangered;
}<html ng-app>
<script type="text/javascript"
src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js">
</script>
<input type="text" ng-model="sometext" /> <!--Proof that this is angualar-->
<h1>Hello <div class="special">{{ sometext }}</div> </h1>
</html>关于javascript - 添加自定义样式并统计 innerHTML，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45284161/