title: Conditional Operator inside the tool tip is not working
body: <p>I have done a tooltip with angular material. Conditional evaluation is not working.</p>
  
  <p>The following is the code</p>
  
  <pre><code>&lt;li [ngClass]="{'active': selectedPage === pages[1]}"&gt;
  &lt;a class="dot"  matTooltip="{{selectedPage == pages[4] ? User Name: ${userInputForm.value.newUserName} : ''}}" matTooltipPosition="above" matTooltipClass="tooltipFont"&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p><strong>Expected output:</strong></p>
  
  <p>User Name: Sam</p>
  
  <p>Or</p>
  
  <p>User Name: ' '</p>
  
  <p>But the output is printed as string inside the double quotes. How can I make my code to get the correct output?</p>