Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Vista: 1597|Resposta: 0

[Angular] Tubos de truncamento de cordas personalizados da série Angular 18 (vinte e quatro)

[Copiar link]
Publicado em 16/10/2024 17:21:50 | | | |
Requisitos: Se o nome de usuário da página do Angular for muito longo, ele será truncado, e você precisará implementar o pipeline Pipe para capturar a string.

Revisar:

Tubulações personalizadas da Série Angular 9 (IV)
https://www.itsvse.com/thread-9248-1-1.html
As renderizações são as seguintes:



Primeiro, crie um novo pipeline TruncatePipe usando o comando angular-cli, que é o seguinte:

O código é o seguinte:

exemplo

public longStr = 'Uma corda realmente longa que precisa ser truncada';

<h1>{{longStr | truncar }}</h1>
<!-- Saídas: Uma linha bem longa que... -->

<h1>{{longStr | truncate : 12 }}</h1>
<!-- Saídas: Um realmente lon... -->

<h1>{{longStr | truncar : 12 : verdadeiro }}</h1>
<!-- Saídas: Um realmente... -->

<h1>{{longStr | truncar : 12 : false : '***' }}</h1>
<!-- Saídas: Uma > realmente solitária -
Referência:O login do hiperlink está visível.





Anterior:.NET/C# converte nomes de campos em pequena corcunda e grande corcova
Próximo:A série Angular 18 (vinte e cinco) insere dinamicamente código HTML renderizado
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.

Mail To:help@itsvse.com