html - 如何在 Angular 2 中通过 ng-for 将 HTML 字符串转换为真正的 HTML 元素?

标签 html angular

据我所知,在 angular 1.x 中我可以像这样使用 $sce 服务来满足我的要求

myApp.filter('trustAsHTML', ['$sce', function($sce){
  return function(text) {
    return $sce.trustAsHtml(text);
  };
}]);

在 html 文件中这样使用

{{ htmlString || trustAsHTML }}

在 angularjs 2 版本中是否有像 $sce 或一些管道或任何方法这样的服务可以胜任?

最佳答案

最简单的解决方案:

<div [innerHTML]="some_string"></div>

在哪里some_string可以是html代码,例如:some_string = "<b>test</b>" .

没有管道或任何需要的东西。 Angular 2.0 支持

关于html - 如何在 Angular 2 中通过 ng-for 将 HTML 字符串转换为真正的 HTML 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33472297/

相关文章:

Angular Material 表 : Sorting not working

Angular2 - 调用 constructor() 与 new 关键字来创建对象?

angular - FirebaseError : Function DocumentReference. set() 调用了无效数据。不支持的字段值:未定义(在字段名称中找到)

javascript - 如何根据里面的文字增加div的宽度呢?

java - 根据 TLD 获取标签 [form] 的属性 [modelAttribute] 无效

javascript - 如何使用 JQuery 来选择单选按钮的选中值?

HTML 视频无法在 Safari 浏览器中播放

javascript - 如何在 Angular 中监听多个表单字段的变化?

angular - 如何阻止 Visual Studio Code 无休止地重新编译

html - 固定在屏幕左侧的侧边栏和带有边距 : 0 auto 的中间内容