Este es el html donde tengo la condicion para que si excede el limite de 300 caracteres se oculte los demas y luego cuando clickeo en el boton leer mas se muestra todo el texto

    <div *ngIf="texto.length > 300"> 

    <p>{{(texto | slice:0:300)+'...' }} </p> 
    <button type="button" (click)="showAll()">Read More</button> 
    </div> 

Y este es el ts donde tengo lo demás

 

    export class InformacionMarvelComponent { 

    texto: string="Marvel Entertainment, LLC (antes conocida como Marvel     Enterprises Inc. y Toy Biz) es una empresa estadounidense de entretenimiento"; 
     maxLength = 300 showAll = () => 
this.maxLength = this.texto.length;