angular5绑定html,在Angular模板绑定中剥离html

我有一个列表，显示有时可以包含HTML的数据

使用innerHTML的问题是HTML会被解析和呈现，所以像

标记这样的东西会增加页边距并破坏列表的对齐。

我想去掉所有HTML标记，只输出纯文本。

这样的方法：

号

不删除HTML，它只是将HTML输出为纯文本。

我如何才能去掉HTML并以"角度"方式保留纯文本？

"剥离HTML"不会导致"纯文本"吗？你到底在期待什么？也许您应该显示一个样本以及您期望的结果。但通常，当你删除所有HTML标记时，剩下的就是"纯文本"。如果你的意思是别的，那就需要更好的解释。最好用建议的例子来说明。

@尼尔伦，这正是我的意思。我在等纯文本。我不是别的意思

因为我(和我认为其他人)的印象是标记将被清理和删除，然后再次正如建议的那样，"给我们展示一个可复制的样本"，而不是仅仅谈论它。

你的印象是正确的。

我想没有直接的方法从字符串中去掉HTML标记，你可以使用pipe，写一个"pipe"，如下所示：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({

name: 'striphtml'

})

export class StripHtmlPipe implements PipeTransform {

transform(value: string): any {

return value.replace(/<.>/g, ''); // replace tags

}

然后将"striphtmlpipe"添加到模块"declarations"中，完成这些步骤后，您可以在HTML中使用此管道：

号

请注意，上述代码没有经过全面测试。

如果这不起作用，请尝试。

angular5绑定html,在Angular模板绑定中剥离html相关推荐

knockoutJS学习笔记06：ko数组与模板绑定
前面已经介绍了基本的绑定和模板相关知识,接下来就看ko里的数组和模板绑定,数组和模板绑定应该是实际项目中用得比较多的,ko提供了很好的支持. 一.observaleArray 前面的监控属性都是单个对 ...
iangularjs 模板_AngularJS中的模板安全与作用域绑定
欢迎大家指导与讨论 : ) 一.前言摘要:指令compile.$sce.作用域绑定.$compileProvider和其他资源安全设置.本文是笔者在学习时整理的笔记,由于技术还不够高,如果本章中有错 ...
angular元素属性绑定_【Angular】表单
模板式表单表单数据模型通过组件模板中的相关指令定义,但是只适用于一些简单的场景.比较死板指令:来自FormsModule模块中在app.modules.ts中 import { FormsMod ...
Xamarin XAML语言教程控件模板的模板绑定
Xamarin XAML语言教程控件模板的模板绑定控件模板的模板绑定为了可以轻松更改控件模板中控件上的属性值,可以在控件模板中实现模板绑定功能.模板绑定允许控件模板中的控件将数据绑定到公共属性上. ...
Win10系列：JavaScript 模板绑定
WinJS库模板提供了一种格式化显示多条数据的便捷方式,通过这种方式可以将模板与ListView或FlipView等控件结合使用以控制数据的显示格式.定义一个WinJS库模板的方法与定义WinJS库控 ...
Angular属性绑定的功能探索
Angular属性绑定的功能探索 Angular的属性绑定机制不起作用探索 Angular的属性绑定机制不起作用今天用Kendo UI for Angular的TreeList组件时发现了一个问题 ...
Angular 双向绑定
Angular10教程--2.3 双向绑定双向绑定大致可以分成两种类型: 一.普通组件的双向绑定二.表单中的双向绑定[(ngModel)] 单独使用表单元素在标签中使用总结: 前面我们了解了属 ...
angular属性绑定绑定函数，插值表达式插函数，ngIf绑定函数
以前认为angular属性绑定的时候只能绑定属性,官网上也没说能绑定函数,看同事代码的时候被惊呆了,可以绑定函数,而不仅仅是属性,可以绑定函数,而不仅仅是属性,可以绑定函数,而不仅仅是属性,整理一下相 ...
Vue Angular 双向绑定检测不到对象属性的添加和删除
由于ES5的限制 Vue && Angular 双向绑定检测不到对象属性的添加和删除还有数组增加索引.这些改变不会触发change事件.Vue是因为实例化的时候已经把各个属性都s ...

angular5绑定html,在Angular模板绑定中剥离html

angular5绑定html,在Angular模板绑定中剥离html相关推荐

最新文章

热门文章