如何转义 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>";
  }