如何转义DOM元素中的字符

Question

我尝试根据条件设置CSS。但在引号内。我收到语法错误。任何人都可以帮我找到解决方案吗？

<div>
  <span ng-class='{\' rdng-error-rate\ ': test}'>#=sum#</span> 
</div>

这是我的实际代码：

{
  field: "errorRate",
  title: "ERROR RATE",
  footerTemplate: "<div ng-class="{'rdng-error-rate': #=sum# }"> #=sum# </div>"
}

Answer 1

为什么不能这样使用？

ng-class='{"rdng-error-rate": "test"}'

JSON对象文字意味着在其字符串中有"。

Answer 2

尝试使用其中一个& < > -

或对您的实际代码进行一些更改

  {
  field: "errorRate";
  title: "ERROR RATE";
  footerTemplate: "<div ng-class="{'rdng-error-rate': "#=sum#" }"> #=sum</div>";
  }