我有一個列表，顯示有時可以包含HTML的數據

使用innerHTML的問題是HTML會被解析和呈現，所以像

標記這樣的東西會增加頁邊距并破壞列表的對齊。

我想去掉所有HTML標記，只輸出純文本。

這樣的方法：

{{result.question.title}}

號

不刪除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中使用此管道：

{{result.question.title | striphtml}}

號

請注意，上述代碼沒有經過全面測試。

如果這不起作用，請嘗試。

總結

以上是生活随笔為你收集整理的angular5绑定html,在Angular模板绑定中剥离html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。