title: angular 2 bypassSecurity
body: <p>I have a JSON file with data. In each object I've got a field the "description" with HTML tags, style, and text like this:</p>
  
  <pre><code>&lt;div&gt;__localname__&lt;/div&gt;
   &lt;div style="color: #555; margin-top:2px; margin-left:10px;"&gt;&lt;div style="display:inline; color:#d34319 "&gt;[DV]&lt;/div&gt; Проверка домена (выдача от 5 минут)&lt;/div&gt;
   &lt;div style="color: #555; margin-top:2px; margin-left:10px;"&gt;Защищает домен с www и без www (указывайте при заказе домен с www, например www.domain.ru)&lt;/div&gt;
   &lt;div style="color: #555; margin-top:2px; margin-left:10px;"&gt;Гарантия 10000$&lt;/div&gt;
  </code></pre>
  
  <p>I want to show this styled data on hover 
  The problem is that Title ([attr.title] or Title, or [title]) doesn't show div's styles and browser recommends me to visit this link <a href="http://g.co/ng/security#xss" rel="nofollow noreferrer">http://g.co/ng/security#xss</a></p>
  
  <p>I'm using Pipe with DomSanitizer:</p>
  
  <pre><code>@Pipe({ name: 'safeHtml'})
  export class SafeHtmlPipe implements PipeTransform  {
    constructor(private sanitized: DomSanitizer) {}
    transform(value: any) {
      return this.sanitized.bypassSecurityTrustHtml(value);
    }
  }
  </code></pre>
  
  <p>This is how I get data:</p>
  
  <p>1) I get JSON</p>
  
  <pre><code>getPriceList() {
      return this.httpGet('./ssl.json');
    }
  </code></pre>
  
  <p>2) make it visible on web page</p>
  
  <pre><code>ngOnInit() {
      this.appService.getPriceList().subscribe(data =&gt; {
        this.pricelist = data.pricelist;
      });
    }
  </code></pre>
  
  <p>3) Html,  where i want to show styled "Title" on Hover</p>
  
  <pre><code>&lt;tbody&gt;
        &lt;tr *ngFor="let item of pricelist"&gt;
          &lt;td&gt;
            &lt;a data-toggle="tooltip" data-html="true" 
            title="{{item.description|safeHtml}}"&gt;
                {{ item.name }}
            &lt;/a&gt;
          &lt;/td&gt;
          &lt;td&gt; от {{ item.price.period[0].cost }} {{ item.price.currency }}&lt;/td&gt;
          &lt;td&gt; &lt;div [innerHTML]='item.description | safeHtml'&gt;&lt;/div&gt; &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
  </code></pre>
  
  <p>[innerHTML] works fine, but Title don't...
  How to make it work with data from JSON file?</p>
  
  <p>Here is screenshot with the error:
  <a href="https://yadi.sk/i/uieFFCfa3BMq4v" rel="nofollow noreferrer">https://yadi.sk/i/uieFFCfa3BMq4v</a></p>