title: Angular, how to change text in a <mat-button> when toggled
body: <p>How can i <strong>change</strong> the <strong>text</strong> in the <strong>mat-button</strong> when i toggle it?</p>
  
  <pre><code>&lt;form class="example-form" style="text-align: center;" [formGroup]="loginForm" (ngSubmit)="buttonClicked()"&gt;
    &lt;mat-card [@myAwesomeAnimation]='state' (mouseenter)="animateMe()" (mouseleave)="animateMe()" style="padding: 2vh"&gt;
        &lt;input type="text" class="mainInput" style="font-size: 18px;" matInput autofocus shouldLabelFloat="false" placeholder="Insert Your URL Here" autocomplete="off"&gt;
    &lt;/mat-card&gt;
    &lt;br&gt;
    &lt;button mat-raised-button color="accent"&gt;&lt;/button&gt;
  
  &lt;/form&gt;
  </code></pre>