如何将 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>

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

how to pass ngModel value from input to *ngIf

javascript

angular

typescript

single-page-application

angular8