title: Ionic 4 how to show more / less text?
body: <p>I need to show text but in 2 lines but when user click on show more so he/she can see all text. This is my code</p>
  
  <pre><code>   &lt;div *ngFor="let x of announcement"&gt;
           &lt;ion-card class="group-box"&gt;
             &lt;div text-left style="font-size: 16px; font-weight: bold; color: white; top: 10%;position: relative; margin-left: 10px;"&gt;
               {{x.announcementTitle}}
             &lt;/div&gt;
             &lt;div class="" text-left style="font-size: 16px; font-weight: bold; color: white; top: 25%;position: relative; margin-left: 10px;"&gt;
               {{x.announcementDetails}}
             &lt;/div&gt;
  
             &lt;div text-right class="announcement-username"&gt;
               {{x.createrName}}
             &lt;/div&gt;
           &lt;/ion-card&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>I need to add option off seemore/less in annoucementDetails</p>