javascript - 入力から*ngIfへngModelの値を渡す方法

入力フィールドがあり、[(ng model)] を使ってそのデータを *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>

ユーザーが入力フィールドにデータを入力したとき、そのデータがconditionと一致する場合はmainpartを実行し、一致しない場合はelsepartを実行してほしい

回答 #1

以下のコードを試してください

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

また、*ngIf 条件で補間を使う必要はありません

回答 #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>