title: Dynamically changing tooltip text of checkbox in angular 6
body: <p>I have this code and I need to pass the text to the tooltip whether checkbox is active or not, so this will display eg. "active" when checkbox is active and "disactive" when not. How to do that?</p>
  
  <pre><code>&lt;div class="wifi__switcher switcher"&gt;
      &lt;input type="checkbox" [id]="wifiIdentifier" class="input switcher--input js-checkbox"  [checked]="activated" (click)="saveState()"&gt;
      &lt;label class="switcher--label" [for]="wifiIdentifier"  matTooltipPosition="above" matTooltip="(tooltipMessageAccordingToCheckboxState)"&gt;Toggle&lt;/label&gt;
      &lt;!--&lt;/div&gt;--&gt;
  &lt;/div&gt;
  </code></pre>