在兩個字符之間造型 Substring？

Question

我得到一個 substring，它位於輸入 label 中的兩個字符之間。 此 label 在共享 angular 組件中作為@input 接收，並且並非所有標簽都具有相同的結構

this.label = Address* (number and type);

  styleSublabel() {
    if (this.label.includes('(')) {
      const mySubString = this.label.substring(
this.label.lastIndexOf('('),
this.label.lastIndexOf(')') + 1);      
    }
  }

我的意圖是給 css 一個不同的風格，用它來為這個 substring 放置一個更小的字體大小和斜體風格，但我看不到這樣做的方法。 可能嗎？ 提前問候和感謝這可能嗎？ 提前問候和感謝

Answer 1

例如，您可以用 div 包圍它，並給它一個 class 與您想要的樣式。

例如

<div class="styled-label"> {mySubString} </div>

並在 CSS

.styled-label{
   font-style: italic;
   font-size: 0.5em;
}

Answer 2

你試過這個嗎？ substring 之前放

"<span class='styleSub'>" 

在 substring 之后放

"</span>"

在您的 css 文件中放置

.styleSub
{
color: #eee;
} 

當您開始工作時，您可以將樣式更改為您想要的任何內容。