已解決430363個問題，去搜搜看，總會有你想問的

Typescript：用 id 屬性替換字符串并附加 HTML 標簽

首頁猿問 Typescript：用 id...

Typescript：用 id 屬性替換字符串并附加 HTML 標簽

JavaScript

紫衣仙女 2024-01-18 16:12:23

我需要將字符串替換為 HTML 標記并具有 id 屬性。這是我的代碼，TS 文件：let content = "this is a car.";content.replace(new RegExp('car'), match => { return `<span class="highlight-text" id="car"> + match +</span>`;});<div [innerHTML]="content"></div>在檢查元素時它僅顯示類，<div> <span class="highlight-text">car</span></div>為什么它沒有在span標簽中添加ID屬性？

查看完整描述

2 回答

倚天杖

TA貢獻1828條經驗獲得超3個贊

id 字段在 DOM 清理過程中被 Angular 消除。要在innerHTML中添加id字段，您必須明確告訴Angular，解析此HTML內容是安全的。您可以通過以下方式實現：

let oldContent = "this is a car.";

oldContent.replace(new RegExp('car'), match => {

return `<span class="highlight-text" id="car"> + match +</span>`;

});

let content = this.sanitizer.bypassSecurityTrustHtml(content)

其中，sanitizer 是 DOMSanitizer 的實例，應將其注入構造函數中。

constructor(private sanitizer: DomSanitizer) { }

反對回復 2024-01-18

嗶嗶one

TA貢獻1854條經驗獲得超8個贊

替換返回修改后的內容。

let content = "this is a car.";

content = content.replace(new RegExp('car'), match => {

return `<span class="highlight-text" id="car">${match}</span>`;

});

console.log(content)

反對回復 2024-01-18

2 回答
0 關注
184 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Typescript：用 id 屬性替換字符串并附加 HTML 標簽

Typescript：用 id 屬性替換字符串并附加 HTML 標簽

2 回答

添加回答