我正在创建一个Angular页面来显示足球比赛的结果，并希望在没有匹配项时显示警告消息。我使用ngIf来检查包含所有匹配项的数组是否不同于0，但在else中指定要引用的ng-template时出现错误“属性”noMatch“在类型”MainPageComponent“上不存在”。
这是一段html代码，其中显示了匹配项，如果没有匹配项，我希望显示ng-template中包含的消息。

<div *ngIf="live.length > 0">
            <h1 style="color: red;">Live ScoreBoard</h1>
            <div *ngFor="let data of live">
                <div class="title-box">
                    <p id="elapsed">{{ data.fixture.status.elapsed }}'</p>
                </div>
                <div class="title-box">
                    <div class="team">
                        <img id="homeLogo" src="{{ data.teams.home.logo }}">
                        <p id="homeName">{{ data.teams.home.name }}</p>
                    </div>
                    <p id="goals">{{ data.goals.home }} - {{data.goals.away}}</p>
                    <div class="team">
                        <img id="awayLogo" src="{{ data.teams.away.logo }}">
                        <p id="homeName">{{ data.teams.away.name }}</p>
                    </div>
                </div>
                <hr>
            </div>
            <ng-template #noPartite>
                <p>No matches are scheduled today, however you can check the results of past matches <a routerLink="/matchday">here</a>and the standings here.</p>
            </ng-template>
        </div>

这是终端返回的内容

Error: src/app/Components/main-page/main-page.component.html:3:43 - error TS2339: Property 'noPartite' does not exist on type 'MainPageComponent'.

3         <div *ngIf="live.length > 0; else noPartite">
                                            ~~~~~~~~~

  src/app/Components/main-page/main-page.component.ts:7:16
    7   templateUrl: './main-page.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component MainPageComponent.