Можно ли заменить текст из HTML-кода

Question

У меня есть переменная label1= "please pay $ 50:#000000" и возможно ли заменить :#000000 и установить цвет :#000000 из HTML-кода

Теперь мой HTML-код выглядит так

<labe>{{label1}}</label> 

но мне нужно сделать так:

if (label1 содержит :#000000 или :DC143C, замените его на empty string("") и установите цвет шрифта в качестве цвета, доступного в переменной label1

Answer 1

Да. Вы можете split переменная label1 по :

Попробуйте это:

TS:

GetValue(str: string, type:string) {
    var splitArray: string[] = str.split(":");

    if(type == "text") {
      return splitArray[0];
    } else {
      return splitArray[1];
    }
}

HTML:

<label [style.color]="GetValue(label1,'color')">
    <span [innerHtml]="GetValue(label1,'text')">
    </span>
</label> 

Answer 2

Да, вы можете разделить текст в html напрямую ..

Html:

<label [ngStyle]="{ 'color': label1.split(':')[1]}">{{label1.split(':')[0]}} </label>

Нет необходимости писать дополнительный код в машинописи.Удачного кодирования.