title: What is the correct alternate for innerHTML in angular
body: <p>In my angular application, I use the tooltip. when user hover to element I change the tip value. at present I use the <code>innerHTML</code> and updating. works well.</p>
  
  <p>from the security team, they are asking me to avoid the <code>innerHTML</code> being used. so what is the alternate for this? </p>
  
  <p>any one advice me the right way?
  Thanks in advance.</p>
  
  <p>directive code :</p>
  
  <pre><code>   showToolTip() {
          this.container = this.renderer.createElement('div');
          this.container.setAttribute('class', `ibo-tooltip ${this.ToolTip.class}`);
          this.container.setAttribute('id', `${this.ToolTip.id}`);
          this.container.innerHTML = `&lt;div&gt;${this.ToolTip.info}&lt;/div&gt;`;
  
          return this.container;
  
      }
  </code></pre>