如何在angular 5中为typescript中的字符串添加颜色

Question

我试图用绿色显示我的数据，我尝试了不同的方法，但仍然没有填充。

if(typeof(this._serverList)!="undefined"){
var apparr=this._ApplicationList.find(x=>x.appNm==app);
let strlist1=this._serverList.filter(i=>i.envId==envId&&i.appId==apparr.appId).map(x=>x.serverName);
if(typeof(strlist1)!="undefined"){
strlist1.forEach(line=>{
if(line!="")
line.fontcolor("green");  //HERE IS PROBLEM, NOT POPULATING
list+='.'+line+'n';
});
}
return list;
}

Answer 1

您的问题是使用fontcolor((方法-它很旧，在HTML5中不起作用：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fontcolor

如果您从这个字符串中正确地呈现HTML，那么您应该能够通过向它分配一些硬编码的HTML来轻松地实现这一点(这就是fontcolor((所做的一切(。因此，您可以将该行替换为：

line = '<p style="color: #000">' + line + '</p>

或者使用模板字符串等

document.getElementById('red-text').innerHTML = '<p style="color: red">hello!</p>';

<div id="red-text"></div>