Skip to main content
se edita el texto
Origen Enlace

Este es el html donde tengo la condicioncondición para que si excede el limite de 300 caracteres se oculte los demasdemás y luego cuando clickeo en el botonbotón leer mas se muestra todo el texto

Si el texto contiene mas de 300 caracteres, muéstralos

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

si el texto contiene mas de 300 caracteres ocúltalos

<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;

this.maxLength = this.texto.length;

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;

Este es el html donde tengo la condición para que si excede el limite de 300 caracteres se oculte los demás y luego cuando clickeo en el botón leer mas se muestra todo el texto

Si el texto contiene mas de 300 caracteres, muéstralos

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

si el texto contiene mas de 300 caracteres ocúltalos

<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;
Origen Enlace

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;