javascript - 防止表格单元格转换 HTML 实体

标签 javascript html angularjs

<table>
    <tr>
      <td>&gt;</td>  
    </tr>
     <tr> 
      <td>&&#xfeff;GT</td> 
    </tr>
</table>

我有上面的代码,用于具有 html 实体的表格单元格。另外,我有一个相关的question (现在已回答)具有相同的细节,但场景不同。

目标是按原样输出字符串,而不将其转换为 HTML 实体。例如,字符串“Project >”将按原样输出。

以下是我尝试过但仍然不能满足我的要求的 2 个解决方案(这些是 question 的答案)

A.第一行 - 此答案无法正确显示字符串。它显示转换后的 html,即“>”。但此解决方案适用于非表格元素,例如工具提示和跨度。此外,如果字符串具有不同的大小写 (Project&gT),则会输出原始字符串的大小写。

B.第二行 - 这个答案确实正确显示了字符串。它不输出转换后的字符串。但我的问题是,如果字符串具有不同的大小写(Project&gT),它将输出您在逻辑上编码的大小写(Project> - 因为这是我们在 HTML 上编码的大小写)。

有没有办法获得未转换的字符串并保留其大小写?

更新:忘记提及我正在将其与 angular.datatable 的 renderWidth 一起使用。

.renderWith(function(data) {
 return $filter('customFilter')(data)});

我将它与 customFilter 一起使用来停止转换。在我的调试中,过滤器返回正确的结果,但在渲染到表格单元格时总是出现问题。这就是为什么我直接问了这次更新之前的问题

最佳答案

如果您使用 Angular,请使用 ng-bind,它总是为您提供纯文本。 雇用的是link

  • 获得>使用ng-bind
  • 获取>使用ng-bind-html

尝试一下。

关于javascript - 防止表格单元格转换 HTML 实体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43341862/

相关文章:

jquery - 使用 jquery 显示/隐藏行

javascript - AngularJS 访问复杂天气 JSON 中的值

javascript - 正则表达式字边界(退格)测试用例

javascript - Bootstrap : insert accordion after ajax request

html - h3 中的图像覆盖 h3 边框

javascript - 跟踪复选框状态并为 ng-model 使用多个数据

Javascript:仅当对象存在时 JSON.parse

javascript - 围绕圆形图像定位元素

javascript - IE7 : How do I create a real NodeList?

javascript - 未加载 Angular 指令 html(控制台中没有错误)