角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

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; 
 
    }

<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>

これを試してみてください。

これが役に立ちます。