首頁猿問 Typescript：用 id...

Typescript：用 id 屬性替換字符串并附加 HTML 標(biāo)簽

JavaScript

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

我需要將字符串替換為 HTML 標(biāo)記并具有 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標(biāo)簽中添加ID屬性？

查看完整描述

2 回答

倚天杖

TA貢獻1828條經(jīng)驗獲得超3個贊

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

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 的實例，應(yīng)將其注入構(gòu)造函數(shù)中。

constructor(private sanitizer: DomSanitizer) { }

反對回復(fù) 2024-01-18

嗶嗶one

TA貢獻1854條經(jīng)驗獲得超8個贊

替換返回修改后的內(nèi)容。

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)

反對回復(fù) 2024-01-18

2 回答
0 關(guān)注
177 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

Typescript：用 id 屬性替換字符串并附加 HTML 標(biāo)簽

Typescript：用 id 屬性替換字符串并附加 HTML 標(biāo)簽

2 回答

添加回答