javascript - hur man skickar ngModel-värde från input till *ngIf

Jag har ett inmatningsfält, jag vill skicka dess data genom att använda [(ng model)] till *ngIf

<input type="text" [(ngModel)]="inputData">

<div *ngIf="cityName ==={{inputData}}; then mainpart else elsepart"></div>

<ng-template #mainpart>
  **Some Code Here**
</ng-template>

<ng-template #elsepart>
  **Some Code Here**
</ng-template>

Jag vill att när användaren anger viss data i inmatningsfältet, om datan matchar med condition så körs mainpart, annars körs elsepart

Svar #1

Prova koden nedan

<div *ngIf="cityName === inputData; then mainpart else elsepart"></div>

Du behöver inte heller använda interpolation i *ngIf-villkoret

Svar #2

<ng-container *ngIf="cityName === inputData; then mainpart else elsepart"></ng-container>

<ng-template #mainpart><div>main content...</div></ng-template>
<ng-template #elsepart><div>else content...</div></ng-template>