Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Vue: 1597|Répondre: 0

[Angulaire] Tuyaux de troncature personnalisés de la série Angular 18 (vingt-quatre)

[Copié le lien]
Publié sur 16/10/2024 17:21:50 | | | |
Exigences : Si le nom d’utilisateur de la page Angular est trop long, il sera tronqué, et il faudra implémenter le pipeline Pipe pour capturer la chaîne.

Révision:

Canalisations personnalisées Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html
Les rendus sont les suivants :



Tout d’abord, créez un nouveau pipeline TruncatePipe en utilisant la commande angular-cli, qui est la suivante :

Le code est le suivant :

exemple

public longStr = « Une chaîne vraiment longue qui doit être tronquée » ;

<h1>{{longStr | tronque }}</h1>
<!-- Sorties : Une très longue chaîne qui... -->

<h1>{{longStr | tronque : 12 }}</h1>
<!-- Sorties : Un vrai lon... -->

<h1>{{longStr | tronqué : 12 : vrai }}</h1>
<!-- Sorties : Un vraiment... -->

<h1>{{longStr | tronqué : 12 : faux : '***' }}</h1>
<!-- Sorties : Vraiment lon*** -->
Référence:La connexion hyperlientérée est visible.





Précédent:.NET/C# convertit les noms des champs en petite bosse, grande bosse
Prochain:La série Angular 18 (vingt-cinq) insère dynamiquement du code HTML rendu
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.

Mail To:help@itsvse.com