Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Vista: 1597|Respuesta: 0

[Angular] Tubos de truncamiento de cuerdas personalizados de la serie Angular 18 (veinticuatro)

[Copiar enlace]
Publicado en 16/10/2024 17:21:50 | | | |
Requisitos: Si el nombre de usuario de la página de Angular es demasiado largo, se truncará y tendrás que implementar la tubería Pipe para capturar la cadena.

Revisión:

Tuberías personalizadas Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html
Las representaciones son las siguientes:



Primero, crea una nueva tubería TruncatePipe usando el comando angular-cli, que es el siguiente:

El código es el siguiente:

ejemplo

public longStr = 'Una cadena realmente larga que necesita ser truncada';

<h1>{{longStr | truncar }}</h1>
<!-- Salidas: Una cuerda realmente larga que... -->

<h1>{{longStr | truncar : 12 }}</h1>
<!-- Salidas: Un verdadero lon... -->

<h1>{{longStr | truncar : 12 : verdadero }}</h1>
<!-- Salidas: Una realmente... -->

<h1>{{longStr | truncar : 12 : false : '***' }}</h1>
<!-- Salidas: Un verdadero >
Referencia:El inicio de sesión del hipervínculo es visible.





Anterior:.NET/C# convierte los nombres de campos en joroba pequeña, joroba grande
Próximo:La serie Angular 18 (veinticinco) inserta dinámicamente código HTML renderizado
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.

Mail To:help@itsvse.com