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

2 个答案: