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

角度2:如何在不向用户显示标签的情况下从JSON响应呈现HTML?[

左劲
2023-03-14
问题内容

编辑: 对只浏览标题的人的澄清,我的问题是关于 Angular 2 ,而不是1。

我有一个类似这样的组件模板:

<div>{{ post.body }}</div>

该对象类似于:

{
    "title": "Some Title",
    "body": "<p>The <em>post body</em>.</p>"
}

而不是像这样呈现段落:

帖子体

它显示:

"<p>The <em>post body</em>.</p>"

由于这是一项常见的任务,因此我寻找了类似的内置管道,{{ post.body | safe }}但没有找到。

有没有一种简单的方法可以使它正常工作?有没有一种安全的方法可以使它正常工作?


问题答案:

在Angular2中,您可以使用属性绑定来访问DOM元素的属性,具体情况如下:

<div [innerHTML]="post.body"></div>


 类似资料:
  • 问题内容: // json就是这样 // HTML //输出 但是如何渲染该标签并使用angular显示它呢? //输出应该像这样 问题答案: 与其传递字符串以直接查看,不如使用sce.trustAsHtml预处理html。 然后在视图模板中,使用ng-bind-html处理html绑定。 正如您提到的那样,您有一个对象数组,将它们投射到控制器中并不是那么容易,您可以在视图中绑定到您的then调用

  • 本文向大家介绍在默认的情况下,使用h1标签呈现出什么效果?相关面试题,主要包含被问及在默认的情况下,使用h1标签呈现出什么效果?时的应答技巧和注意事项,需要的朋友参考一下

  • 如何在Angular 2应用程序中路由而不更改URL?(这是因为该应用程序位于Django应用程序页面上的几个选项卡之一下,其中适合保持URL不变。 目前我在里面有这样的东西 在<code>HomeComponent</code>中,用户页面的导航使用以下内容: 当我在Angular 2应用程序中导航时,可以保持网址不变吗?所以当用户在页面< code>user/123时,url将保持< code

  • 问题内容: 我想使用Express.js将Jade模板的局部视图呈现给变量。 通常,您直接将局部视图呈现给响应对象: 但是,由于我在Socket.io服务器事件中,因此没有“响应”对象。 有没有一种优雅的方法可以在 不 使用响应对象的 情况下 将Jade部分视图呈现给变量? 问题答案: 您可以手动编译Jade模板。

  • 在我的响应中,有一个,没有任何。那么,我如何获取该响应呢? 这是我的JSON代码-

  • 问题内容: 到目前为止,我已经想通了如何返回Zend框架2.首先一个典型的JSON响应,我加入到了部分配置。然后,我返回一个设置了所有变量的实例,而不是从控制器操作中返回实例。 现在,我已经弄清楚了这一点,我需要了解如何呈现视图并在该JSON响应中返回它。在ZF1中,我能够使用,将HTML作为字符串返回。在ZF2中,该方法返回。 那么…如何呈现HTML视图脚本,并在一个请求中以JSON响应返回它?