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.fontcolor（color）之外，您还可以将该行替换为：

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

或使用模板字符串等

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

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

如何在角度为5的打字稿中为字符串添加颜色

1 个答案: