title: How to put data into html as dom tag
body: <p>I create a JSON key-value pair that contains component selectors that wants inject into HTML code.</p>
  
  <pre><code>testSelector = {
      keyOne: '&lt;selector1&gt;&lt;/selector1&gt;', keyTwo: '&lt;selector2&gt;&lt;/selector2&gt;', keyThree: '&lt;selector3&gt;&lt;/selector3&gt;'
  };
  </code></pre>
  
  <p>In HTML</p>
  
  <pre><code>&lt;div cdkDropList class="example-container" (cdkDropListDropped)="drop($event)"&gt;
    &lt;div class="example-box" *ngFor="let item of testSelector | keyvalue" cdkDrag&gt;
      &lt;div class="title"&gt;{{item.key}}&lt;/div&gt;
      &lt;div class="contetnt"&gt;{{item.value}}&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When the view is created, selectors are rendered as a string. Is it possible render as dom tag? </p>