<!-- #docregion event-binding -->
<button
  type="button"
  [disabled]="canClick"
  (click)="sayMessage()">
  Trigger alert message
</button>
<!-- #enddocregion -->

<!-- #docregion bindings -->
<p
  [id]="sayHelloId"
  [style.color]="fontColor">
  You can set my color in the component!
</p>
<!-- #enddocregion -->

<p>My color is {{ fontColor }}</p>
