title: Angular 6: Prevent Browser Tooltip to show HTML tags in "innerHtml"
body: <p>A template in my angular application uses the following code:</p>
  
  <pre><code>...
  &lt;span [innerHtml]="textVar"&gt;&lt;/span&gt;
  ...
  </code></pre>
  
  <p>Because the desired text requires special dynamically style applied on some characters/string position, it has to be formatted. The textVar variable is created with the following code:</p>
  
  <pre><code>...
  var textVar = someString.bold() + "&amp;#160" + anotherString;
  ...
  </code></pre>
  
  <p>The text is displayed proper with the text bold und with some tab space in between. The problem is that if you hover with the mouse over the text, the tooltip shows the text with html tags which looks like this:</p>
  
  <pre><code>&lt;b&gt;someString&lt;/b&gt;&amp;#160anotherString
  </code></pre>
  
  <p>But I want the tooltip to remove the html tags in the tooltip-text.</p>
  
  <p>How can I do this?</p>