Angular 7 Event Binding

Question

Can you please tell me to Toggle Show and Hide div content using button click event without using variable and event binding. Sample code

<form>
   <div *ngIf="--CAPTURE BUTTON CLICK EVENT HERE--">
     <span>Welcome</span>
   </div>
   <button type="submit">Click Me</button>
</form>

Please suggest me the solution How to listen button click event in *ngIf.

not clear what you're asking at all... click binding syntax is basic angular, read the docs if not familiar. If there's some reason you think standard event binding won't work, make it clear why and what you're trying to accomplish — bryan60
– bryan60, Commented Aug 2, 2019 at 19:45
I'm not really sure what you want to achieve here, you only want the button to be displayed while the user is clicking in the button ? If not why don't you use a variable that changes value when the user clicks the button? — Rafael Duarte
– Rafael Duarte, Commented Aug 2, 2019 at 19:51
TO achieve this question stackoverflow.com/questions/57315314/… — Angular Dev
– Angular Dev, Commented Aug 3, 2019 at 3:34

Wasiq Muhammad · Accepted Answer · 2019-08-02 19:46:47Z

0

You can do by this

<form>
   <div *ngIf="state">
     <span>Welcome</span>
   </div>
   <button type="submit" (click)=state = !state>Click Me</button>
</form>

answered Aug 2, 2019 at 19:46

Wasiq Muhammad

3,1483 gold badges19 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

First I think you forgot to add "..." after the action definition of the click event. Second, the user clearly asked that no variable can be used.

@piotrszybicki i understand what user said but the answer was assuming for achieving the outcome, as its not clearly mention why he was doing it.