使用* ngIf else阻止我写输入

Question

我有一个看起来像这样的页面：

我在主容器上有多个game-card.component作为图块。然后，我有一个create-game.component，它可以弹出game-card.component的顶部并接受用户输入。在我在game-card.component中添加*ngIf else块之前，一切工作正常。我之前只有一个*ngIf语句，它可以工作，但是else使其无法在输入中编写。似乎它不会捕获onKeyPressed事件。我仍然可以有一个最近写的文本的下拉框，然后选择一个，它将显示出来。

以下是game-card.component的相关HTML：

<div class="grid-container">
    <div class="title">{{gameCard.title}}</div>
    <div class="original_image" *ngIf="isSimplePov(); else sceneBlock">
        <img #image width="160" height="120" />
    </div>
    <ng-template #sceneBlock>
        <div class="original_image">
            <div #scene id="scene" width="160" height="120"></div>
        </div>
    </ng-template>
</div>

以下是create-game.component的相关HTML：

<form class="was-validated">

    Name of the game
    <div>
        <input type="text" class="form-control is-invalid" id="gameNameInput" #gameNameInput (change)="verifyName()" placeholder="Name game"
      required>
    </div>

    Original image :
    <div class="custom-file"
</form>

到底是什么原因造成的？

如果您想查看完整的代码，请查看以下粘贴框：

• create-game.component.html
• game-card.component.html
• game-list-view.component.html这是容器组件。