当前位置: 首页 > 面试题库 >

AngularJS-渲染字符串中包含的HTML标签

滕项明
2023-03-14
问题内容

我的数据库存储产品信息,其中许多信息被组织成列表。我将数据加载到Angular中$scope.post

例如,

$scope.post.size_description = '<li> Fits true to size. Take your normal size\r</li>
   <li> Slim-cut, mid-rise style</li>
   <li> Long in length, alter to fit</li>
   <li> Model wears an IT 48\r</li>
   <li> Model measures: waist size 32, height 6\'1"/ 185cm\r</li>'.

当我尝试将此数据加载到我的Angular应用程序中时,它会以文本形式呈现(即<li>未解析)。我了解这可能是出于安全原因而发生的,但是有什么解决方法吗?


问题答案:

正如Damax在这里所说的那样:

<div ng-bind-html-unsafe="post.size_description"></div>


 类似资料:
  • 本文向大家介绍VUE渲染后端返回含有script标签的html字符串示例,包括了VUE渲染后端返回含有script标签的html字符串示例的使用技巧和注意事项,需要的朋友参考一下 在接入支付宝支付模块的时候,支支返回的是一个form串,细看一下还有一个script标签,如何将其渲染出来给大家分享一下经验。注意点:不能在当前页面追加任何元素例如原生js:innerHtml、appendChiled等

  • 问题内容: 如何在C#中使用正则表达式删除所有HTML标记,包括&nbsp。我的弦看起来像 问题答案: 如果您不能使用面向HTML解析器的解决方案来过滤标签,则这里有一个简单的正则表达式。 理想情况下,您应该再次通过正则表达式过滤器,该过滤器将多个空格

  • 问题内容: 在非SPA方案中,将经过清理但随机的HTML字符串作为输入: 该字符串源自WYSIWYG编辑器,并包含嵌套的常规HTML标记和应呈现给小部件的有限数量的自定义元素(组件)。 目前,这样的HTML代码段应该分别在服务器端(Express)上呈现,但最终也将在客户端上呈现,作为同构应用程序的一部分。 我打算使用React(或类似React的框架)来实现组件,因为它大概适合这种情况-它是同构

  • 问题内容: 我有一个带有详细信息页面的MVC3应用程序。作为其一部分,我有一个描述(从数据库检索),其中有空格和换行符。呈现时,新行和空格将被html忽略。我想对这些空格和换行进行编码,以免被忽略。 你是怎样做的? 我尝试了HTML.Encode,但最终显示了编码(甚至不是在空格和换行符上,而是在其他一些特殊字符上) 问题答案: 只需使用设置样式即可。

  • 如何在Thymeleaf中显示包含HTML标记的字符串? 所以这段代码: 在这行代码中,它会在浏览器上生成以下内容: 但是我想在浏览器上显示这个: 测试

  • 问题内容: 有没有更好的方法来编写jUnit 问题答案: 如果添加Hamcrest和JUnit4,则可以执行以下操作: 通过一些静态导入,它看起来要好得多: 所需的静态导入将是: