Как добавить цвета в строку в машинописи в угловых 5

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 (это все, что делает colorcolor ()). Поэтому вместо 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>