Angular 2：在按键上显示div

Question

我有3个文本框。 如果其中任何一个被输入，那么我想要显示一个div，如果我按下退格键并使文本框变空，那么它应该会消失。

我试过下面的代码。

show_div(){
  if(text_1.value == 0 || text_2.value == 0 || text_3.value == 0){
    show_div=false;
  }
  
  else{
  show_div=true;
  }
}

<input type="text" name="text_1" [keypress]="show_div()">
<input type="text" name="text_2" [keypress]="show_div()">
<input type="text" name="text_3" [keypress]="show_div()">

<div *ngIf="show_div==true">Div Shown</div>

任何帮助都会很棒。

谢谢。

Answer 1

＆＃13;

＆＃13;

text_1:any;
text_2:any;
text_3:any;

show_div:boolean;

show_div(text_value:any){
    this.text_1 = text_value;
    this.text_2 = text_value;
    this.text_3 = text_value;
    if(this.text_1.length > 0 || this.text_2.length > 0 || this.text_3.length > 0){
      this.show_div = true;
    }
    else{
      this.show_div = false;
    }
  }
  
  
  ngOnInit() {
      this.show_div=false;
    }

＆＃13;

<input type="text" name="text_1" [(ngModel)]="text_1" (keypress)="show_div(text_1)">
<input type="text" name="text_2" [(ngModel)]="text_2" (keypress)="show_div(text_2)">
<input type="text" name="text_3" [(ngModel)]="text_3" (keypress)="show_div(text_3)">

<div *ngIf="show_div">Div Shown</div>

＆＃13;

＆＃13;

＆＃13;

试试这个。

希望这有帮助。