typescript - ტექსტბოქსის ჩვენება გარკვეული ღილაკის დაჭერის შემდეგ angular-ში

მინდა ცარიელი პანელი, როდესაც მასზე დაჭერას ტექტის ყუთი გამოჩნდება იმავე პანელზე. მთელი ეს კოდი უნდა იყოს Angular-ში.

პასუხი #1

დემო როგორც გზა შექმნათ ვარიაბლი როგორც დაკლიკებით როგორც ნაგულისხმევი მცდარი component.ts-ში

isClicked=false;

მიანიჭე ღილაკს (click)="OnClick()" მოვლენა

კომპონენტში

OnClick(){this.isClicked=true;}

HTML-ში მიეცით ელემენტს *ngIf="isClicked", რომ გააკეთოთ ეს

პასუხი #2

TypeScript :

showTextBox: boolean = false;

toggleTextBox() {
    this.showTextBox = !this.showTextBox; 
}

HTML :

<div class="panel" (click)="toggleTextBox()">   
    <input *ngIf="showTextBox"> 
</div>

დააწესე ბულიანი მნიშვნელობა ჭეშმარიტად, როდესაც დააწკაპუნებ პანელზე ტექსტის ყუთის დასაჩენად და საპირისპირო, როდესაც გინდა მისი დამალვა.

HTML-ში *ngIf განსაზღვრავს, აჩვენებს თუ არა ტექსტურ სარედაქტორო ველს ბულის მნიშვნელობის მიხედვით.