Question

我需要定义一个css样式，例如<special> </special>，

special { 
   color: #000000;
   background: #ffff00;
}

并在innerHTML中使用它。然而，角度似乎不容易，因为它有消毒方法。我尝试过以下方式使用它，

result = this.sanitizer.bypassSecurityTrustHtml(result.trim());

现在虽然我的<special>仍无法正常工作，但控制台中的错误已不再显示。

此外，当使用字符串进行单词计数时，result.length将只包含<special>Hi</special>的所有字符，而不仅仅是Hi。

如何使用我的<special>样式并计算显示的真实字符？谢谢。

BTW我也尝试过使用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是什么？

Answer 1

这是使用类来设置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>

添加自定义样式并计算innerHTML

1 个答案: