title: angular-tree-component style node with html
body: <p>I am using angular 5 and the angular-tree-component <a href="https://github.com/500tech/angular-tree-component" rel="nofollow noreferrer">https://github.com/500tech/angular-tree-component</a>.
  I would like to style one node different from the others</p>
  
  <pre class="lang-js prettyprint-override"><code>import { Component, ViewChild} from '@angular/core';
  import { TreeComponent } from 'angular-tree-component';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css'],
  })
  export class AppComponent {
  
    @ViewChild('myTree')
    private tree: TreeComponent;
  
    nodes = [
      {
        id: 1,
        name: 'root1',
        children: [
          { id: 2, name: '&lt;b&gt;child1&lt;/b&gt;' },
          { id: 3, name: 'child2' }
        ]
      }
    ];
  }
  </code></pre>
  
  <p>So the Problem is, that the <code>b</code> tags are sanitized by angular to <code>\lt b \gt \lt b \gt</code>.</p>
  
  <p>How can I pragmatically generate HTML in angular?</p>