html code doesn't work

[zBugi]

Hi i am new to Angular and Webdevelopment but is this working as intendet ? cause when I used this the text allways was hidden even if I pressed the button and fixed that this tag is not closed.

<p>info-box works!</p>
<button (click)="hidden=!hidden">
<p [hidden]="true">{{text}}</p>

I guess what u where trying to show was:

<p>info-box works!</p>
<button (click)="hidden=!hidden">toggle</button>
<p [hidden]="hidden">{{text}}</p>

cause otherwise that gif would not be the compiled code

[robinboehm]

Good catch! Thanks!