javascript - 如何将 ngModel 值从输入传递到 *ngIf

Question

我有一个输入字段，我想通过使用[(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运行

Answer 1

试试下面的代码

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

此外，您不需要在 *ngIf 条件中使用插值

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