title: To render each of the element of a string in a new line using Angular4 renderer
body: <pre><code>create() {
   this.tooltip = this.renderer.createElement('div');
   this.renderer.appendChild( 
   this.tooltip,this.renderer.createText(this.tooltipTitle);
  );
  
  this.renderer.appendChild(document.body, this.tooltip);
  </code></pre>
  
  <p>Eg: In my application</p>
  
  <p>this.tooltipTitle = "Apple,Ball,Cat,Dog,Elephant"</p>
  
  <p>Expected Result</p>
  
  <pre><code>Apple 
  Ball
  Cat
  Dog
  </code></pre>