title: Ionic4 show Text with line breaks
body: <p>I want that the user can insert a text in an input field with multiple lines with the enter key. Then I want so save the text in a string and then send it to the backend. On the Detail-Page of the app I want to show the inserted text but with line breaks.</p>
  
  <p>In the html file for the Input I tried this</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div&gt;
      &lt;ion-item&gt;
            &lt;ion-textarea rows="5" name="description" type="text" 
                 placeholder="Description" [(ngModel)]="description" required&gt;
            &lt;/ion-textarea&gt;
      &lt;/ion-item&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>In the .ts I encode the string of description </p>
  
  <pre><code> this.description = encodeURI(this.description);
  </code></pre>
  
  <p>But when I want to show the inserted Text in the other html File</p>
  
  <pre><code>&lt;ion-col size="12"&gt;
      &lt;div class="idea-description"&gt;
        &lt;ion-text style = "white-space: pre-wrap;"&gt;{{ idea.description }}&lt;/ion-text&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>it only shows the encoded text but there are no line breaks.</p>