javascript - 如何根据条件使用 Angular 检测输入类型

Question

我想在输入input值时检测input变化，如果input值等于我的条件，它将隐藏/show input 元素，这是我尝试过的:

ts 文件

  isNoCard = false;

  onInputChange(inputValue: number): void {  
    if (inputValue === 7777) {
    this.isNoCard = true;
    }
 }

html 文件

<div *ngIf="!isNoCard">
<input (input)="onInputChange($event.target.value)" class="input--2" type="text" >
</div>

<div *ngIf="isNoCard">
<input class="input--1" type="text">
</div>

这是我的stackblitz关联，但当我有条件时，它不起作用。有什么建议或指导来解决这个问题吗？

Answer 1

发生这种情况是因为从 HTML 传递的值是 string。

使用 Angular 方式处理

<div *ngIf="!isNoCard">
  <input  [(ngModel)]="data" (ngModelChange)="onInputChange(data)" class="input--2" type="number" >
</div>

Here is sample working stackblitz

另外，请注意我已创建 type="number"，因为您希望函数内的值为 number。