Angular 18 series (twenty-four) custom string truncation pipes

Little scum · Posted on 10/16/2024 5:21:50 PM

Requirements: If the username of the Angular page is too long, it will be truncated, and you need to implement the Pipe pipeline to capture the string.

Review:

Angular 9 Series (IV) Custom Pipe pipelines
https://www.itsvse.com/thread-9248-1-1.html

The renderings are as follows:

First, create a new TruncatePipe pipeline using the angular-cli command, which is as follows:

Login is visible.

The code is as follows:

Login is visible.

example

public longStr = 'A really long string that needs to be truncated';

<h1>{{longStr | truncate }}</h1>


<h1>{{longStr | truncate : 12 }}</h1>


<h1>{{longStr | truncate : 12 : true }}</h1>


<h1>{{longStr | truncate : 12 : false : '***' }}</h1>

Reference:The hyperlink login is visible.

[Angular] Angular 18 series (twenty-four) custom string truncation pipes

Related Posts

Sections viewed