在Angular中将标题大写

Question

我是Angular的新手，我需要这段代码的帮助：

<ng-template #ballOutOfPlay>
    <h1 class="event_title" [innerHTML]="eventService.currentStat ?.data.text" ></h1>
</ng-template>

这是存储在我要显示的变量中的字符串（这是我要大写的字符串）：

eventService.currentStat.data.text = '<p>Ball out of match</p>'

我尝试了以下操作，但没有成功，顺便说一句，我无法带走

标签：

<ng-template #ballOutOfPlay>
    <h1 class="event_title" *ngIf="eventService.currentStat && eventService.currentStat.data.text === '<p>Ball out of play</p>'" >
            {{ eventService.currentStat.data.text | upperCase }}
          </h1>
</ng-template>

Answer 1

您在驼色情况下使用uppercase，请尝试使用所有小型

 {{ eventService.currentStat.data.text | uppercase }}