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

【问题标题】：how to pass ngModel value from input to *ngIf如何将 ngModel 值从输入传递到 *ngIf
【发布时间】：2019-06-13 03:21:42
【问题描述】：

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

【问题讨论】：

标签： javascript angular typescript single-page-application angular8

【解决方案1】：

试试下面的代码

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

你也不需要在 *ngIf Condition 中使用插值

【讨论】：

感谢 Tony Bro 的回复，但我们如何在运行时使用 *ngif 中的输入字段数据
cityName === inputData 在这里。我使用 inputData 与 cityName 进行比较。这是你想要的吗？

【解决方案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>

【讨论】：