Использование * ngIf иначе блокирует мне запись на вход

Question

У меня есть страница, которая выглядит следующим образом:

У меня есть несколько game-card.component s в качестве плиток на главном контейнере.Затем у меня есть create-game.component, который может всплыть поверх game-card.component s и принимать пользовательский ввод.Все работало нормально, прежде чем я добавил блок *ngIf else в game-card.component.У меня был только оператор *ngIf, и он работал, но else делает невозможным запись во входных данных.Кажется, что он не поймает onKeyPressed событий.Я все еще могу иметь выпадающий список недавно написанного текста и выбрать один, и он будет отображаться.

Вот соответствующий HTML-код game-card.component:

<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>

Вот соответствующий HTML-код create-game.component:

<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 Это компонент контейнера.