如何更改angle-star-comp上的悬停标签？

Question

我花了两天时间才弄清楚这件事，但没有结果。 怎么了当我将鼠标悬停在第一，第二...第五颗星上时，出现“充满星号”标签（第一幅图像）。如果我将鼠标悬停在星星附近而不是星星附近（在它们之间），则显示html的标题。但是我想在鼠标悬停在星标上时设置自己的标签（而不是标准的“满星”）。有人请帮助我弄清楚应该在哪里更改此东西？？？因为我根本没有在代码中找到此标签的任何设置。

     <div title="mytitle">
      <star-rating-comp [starType]="'svg'" 
                        [showHalfStars]="true" 
                        [rating]="cards[questionNumber].rating" 
                        [readOnly]="true" 
                        title="mytitle">
      </star-rating-comp>
    </div>

Answer 1

这是实际svg文件中的硬编码<title>，需要删除。如果您对star-rating.icons.svg进行文件搜索，则会在实际的svg source code中找到<title>star-filled</title>。以及def中的其他标题也会产生相同的效果。

<symbol id="star-filled" viewBox="0 0 34 32">
            <title>star-filled</title>               <----- *** Your Culprit
            <path class="path-star-filled"
.........

因为它在a repo中，所以我建议您克隆它，甚至向原作者提交请求请求，因为其中的标题也可能会给其他人造成问题。干杯。